No Preview

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.

Shadows
Shadows
Shadow
Light
Dark
High Contrast
shadow2
0 0 2px rgba(0,0,0,0.12)
 0 1px 2px rgba(0,0,0,0.14)
0 0 2px rgba(0,0,0,0.24)
 0 1px 2px rgba(0,0,0,0.28)
0 0 2px rgba(0,0,0,0.24)
 0 1px 2px rgba(0,0,0,0.28)
shadow4
0 0 2px rgba(0,0,0,0.12)
 0 2px 4px rgba(0,0,0,0.14)
0 0 2px rgba(0,0,0,0.24)
 0 2px 4px rgba(0,0,0,0.28)
0 0 2px rgba(0,0,0,0.24)
 0 2px 4px rgba(0,0,0,0.28)
shadow8
0 0 2px rgba(0,0,0,0.12)
 0 4px 8px rgba(0,0,0,0.14)
0 0 2px rgba(0,0,0,0.24)
 0 4px 8px rgba(0,0,0,0.28)
0 0 2px rgba(0,0,0,0.24)
 0 4px 8px rgba(0,0,0,0.28)
shadow16
0 0 2px rgba(0,0,0,0.12)
 0 8px 16px rgba(0,0,0,0.14)
0 0 2px rgba(0,0,0,0.24)
 0 8px 16px rgba(0,0,0,0.28)
0 0 2px rgba(0,0,0,0.24)
 0 8px 16px rgba(0,0,0,0.28)
shadow28
0 0 8px rgba(0,0,0,0.12)
 0 14px 28px rgba(0,0,0,0.14)
0 0 8px rgba(0,0,0,0.24)
 0 14px 28px rgba(0,0,0,0.28)
0 0 8px rgba(0,0,0,0.24)
 0 14px 28px rgba(0,0,0,0.28)
shadow64
0 0 8px rgba(0,0,0,0.12)
 0 32px 64px rgba(0,0,0,0.14)
0 0 8px rgba(0,0,0,0.24)
 0 32px 64px rgba(0,0,0,0.28)
0 0 8px rgba(0,0,0,0.24)
 0 32px 64px rgba(0,0,0,0.28)
shadow2Brand
0 0 2px rgba(0,0,0,0.30)
 0 1px 2px rgba(0,0,0,0.25)
0 0 2px rgba(0,0,0,0.30)
 0 1px 2px rgba(0,0,0,0.25)
0 0 2px rgba(0,0,0,0.30)
 0 1px 2px rgba(0,0,0,0.25)
shadow4Brand
0 0 2px rgba(0,0,0,0.30)
 0 2px 4px rgba(0,0,0,0.25)
0 0 2px rgba(0,0,0,0.30)
 0 2px 4px rgba(0,0,0,0.25)
0 0 2px rgba(0,0,0,0.30)
 0 2px 4px rgba(0,0,0,0.25)
shadow8Brand
0 0 2px rgba(0,0,0,0.30)
 0 4px 8px rgba(0,0,0,0.25)
0 0 2px rgba(0,0,0,0.30)
 0 4px 8px rgba(0,0,0,0.25)
0 0 2px rgba(0,0,0,0.30)
 0 4px 8px rgba(0,0,0,0.25)
shadow16Brand
0 0 2px rgba(0,0,0,0.30)
 0 8px 16px rgba(0,0,0,0.25)
0 0 2px rgba(0,0,0,0.30)
 0 8px 16px rgba(0,0,0,0.25)
0 0 2px rgba(0,0,0,0.30)
 0 8px 16px rgba(0,0,0,0.25)
shadow28Brand
0 0 8px rgba(0,0,0,0.30)
 0 14px 28px rgba(0,0,0,0.25)
0 0 8px rgba(0,0,0,0.30)
 0 14px 28px rgba(0,0,0,0.25)
0 0 8px rgba(0,0,0,0.30)
 0 14px 28px rgba(0,0,0,0.25)
shadow64Brand
0 0 8px rgba(0,0,0,0.30)
 0 32px 64px rgba(0,0,0,0.25)
0 0 8px rgba(0,0,0,0.30)
 0 32px 64px rgba(0,0,0,0.25)
0 0 8px rgba(0,0,0,0.30)
 0 32px 64px rgba(0,0,0,0.25)
Open in CodeSandbox
Nothing found