Shadows and Elevation

A system of shadow options that are used according to where an element sits on the z-index.

 

Shadows

There are three shadow levels available for use. Currently, when a shadow is present in the Spark components, Shadow 20 is to be used (see examples below) with the exception of Modals, which use Shadow 30.

Options

There are 3 shadow options available for use. Currently, Spark components use only Shadow 20 and Shadow 30 by default.

Elevation

The following chart aims to show conceptually where elements reside in relationship to each other.