Paper
A surface with intent: flat, lifted, or commanding. Elevation is a hierarchy tool, not a default.
Elevations
Flat
Lifted
Commanding
<Paper elevation={0}>Flat</Paper>
<Paper elevation={1}>Lifted</Paper>
<Paper elevation={2}>Commanding</Paper>Square and padding
Square, tight
Roomy
<Paper square padding="sm">Square, tight</Paper>Props
| Prop | Type | Default | Description |
|---|---|---|---|
elevation | 0 | 1 | 2 | 1 | Shadow level. |
padding | none | sm | md | lg | md | Inner spacing. |
square | boolean | false | Sharp corners. |
Theming
:root {
--ink-paper-bg: #ffffff;
--ink-paper-radius: 0.625rem;
}Accessibility
- Pure surface, no semantics: headings and landmarks inside stay yours.
- Most content sits flat; reserve elevation for what truly floats.