Paper
White surface with configurable elevation shadow. The base for cards, dialogs, and floating panels.
import
{ Paper } from "@pepulux/ui"Elevation levels
elevation 0
elevation 1
elevation 2
elevation 3
elevation 4
Outlined variant
Outlined surface — border instead of shadow
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| elevation | 0 | 1 | 2 | 3 | 4 | 1 | Shadow depth level |
| variant | "elevation" | "outlined" | "elevation" | Shadow or border style |
| square | boolean | false | Removes border radius |
| children* | ReactNode | — | Surface content |