Skip to content

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

PropTypeDefaultDescription
elevation0 | 1 | 21Shadow level.
paddingnone | sm | md | lgmdInner spacing.
squarebooleanfalseSharp corners.

Theming

:root {
  --ink-paper-bg: #ffffff;
  --ink-paper-radius: 0.625rem;
}

Accessibility