Placeholder
Stand-in component that proves the setup of @contour-ui/react. Real components follow its shape.
Styled placeholder
import { Placeholder } from '@contour-ui/react';
<Placeholder.Root>Styled placeholder</Placeholder.Root>;Anatomy
| Part | Element | Class | Attributes |
|---|---|---|---|
Placeholder.Root | div | contour-placeholder | data-scope="placeholder" data-part="root" |
Placeholder.Root accepts every div prop; className is merged with contour-placeholder.
Tokens
The accent tint behind the content: --ct-color-accent-bg, --ct-color-accent-fg and
--ct-color-accent-border, --ct-space-control-inset padding, --ct-radius-control corners and
the body text style.