Components
Paper
Surface container with configurable elevation (shadow) and border variant.
Paper is a styled surface for grouping content onto a card-like background. The
variant prop sets its edge treatment (outlined default, elevated, or
subtle), and elevation (0–3) sets the shadow depth. Use it as the base
for cards, popovers, and panels when you want a consistent surface without
wiring up borders and shadows by hand.
Example
Preview
Outlined paper
Elevated paper
import { Paper } from '@officina/ui';
<Paper variant="elevated" elevation={2} className="p-4">
Card content
</Paper>;API
| Prop | Type | Default | Description |
|---|---|---|---|
| elevation | 0 | 1 | 2 | 3 | null | — | |
| variant | "elevated" | "outlined" | "subtle" | null | — |