Surface

Neutral container with tokenized surface variants and density controls.
Surfaces
Display
Documented
import { Surface } from '@ivim/native/components';

Example

State Matrix
Default
Surface container
Compact
Compact surface
Muted
Muted surface
Outlined
Outlined surface
Raised
Raised surface
Spacious
Spacious surface

State coverage

Interaction and visual states this component supports.
base
semantic color
density

Token references

Semantic design tokens this component page exercises. Tap one to edit it live.