Skip to Content

Getting Started
- Overview
- Installation
Design Tokens
Components
- Layout
- Aspect Ratio
- Container
- Flex NEW
- Grid
- Simple Grid NEW
- Spacer NEW
- Stack
- Forms
- Button
- Checkbox
- Form Control NEW
- IconButton
- Label
- RadioGroup
- Select
- Switch NEW
- Textarea
- TextField
- Data display
- Badge
- Card
- Tag NEW
- Feedback
- Alert NEW
- Skeleton NEW
- Spinner
- Toast
- Typography
- Heading
- Text
- Overlay
- Alert Dialog NEW
- Dialog NEW
- Drawer NEW
- DropdownMenu NEW
- Popover
- Tooltip
- Disclosure
- Accordion NEW
- Collapsible
- Tabs
- Visually Hidden NEW
- Media
- Avatar
- Icon
- Other
- Close Button
Resources
Changelog
- Version 3.0.0
- Previous versions

Shadow

Shadow tokens are used to visually differentiate the hierarchy in the interface.

Elevation

xs

sm

md

lg

xl

none

prev Typography

On this page

Elevation