Components / Surfaces

Paper

Paper is a low-level surface that gives content a background, elevation, and border radius. Use it as the foundation for building custom surfaces when a card is more structure than you need.

Figma

The Figma reference for Paper will appear here once the design link is added.

Figma component

Storybook

Interactive examples for Paper will render here once the Storybook link is wired in.

Storybook component story

Best practices

  • Use paper as a plain surface primitive; reach for a card when you need its built-in structure and conventions.
  • Apply elevation intentionally to signal hierarchy, not decoration.
  • Keep elevation consistent for surfaces at the same level.

Related components