---
title: "Shadow — Examples in use"
canonical: https://sky-ui.cf.sky.com/foundations/shadow/examples-in-use
---

# Shadow — Examples in use

Different levels of elevation for static and selectable elements.

Example 1
      Shown on a Product Card that cannot be interacted with apart from clicking on the Button or Text Link within (not the surrounding card).
    
  Example 2
      Shown on an Accordion which can be clicked on anywhere to expand.
    
  Example 3
      Shown on an Radio Card to show when it’s been hovered over before clicking to select.
    
  Example 4
      Shown on a Dialogue Modal which is floating above the main page content.