Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
Shadow communicates elevation of surfaces in MX's products.
Shadows provide cues about depth, direction of movement, and surface edges. A surface’s shadow is determined by its elevation and relationship to other surfaces.
Because shadows express the degree of elevation between surfaces, they must be used consistently throughout your product.
Shadow size reflects elevation. Surfaces at higher elevations have larger shadows, while those at lower elevations have smaller shadows.
| Name | Common uses |
|---|---|
| Low | Cards and card buttons |
| Med | Dropdown menus |
| High | Modals |
| Top | Bottom navigation |
| Right | Left drawers |
| Left | Right drawers |