Box
Presentational container with elevation, radius, and padding. For backgrounds, borders, and visual grouping.
Example
Elevation 0
Elevation 1
Elevation 2
Elevation 3
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
elevation | 0 | 1 | 2 | 3 | 1 | No | Shadow depth level |
radius | 'none' | 'sm' | 'md' | 'lg' | 'md' | No | Border radius |
padding | 'none' | 'sm' | 'md' | 'lg' | 'md' | No | Inner padding |
Accessibility
- Renders a plain <div> — consumers add roles as needed
Related Tokens
--box-surface--box-border--box-border-width--box-elevation--box-radius--box-padding