Figure slot
A hatched 16:9 placeholder for a figure that has not arrived. The caption says what belongs there.
Figure
Controls
Code
import { FigureSlot } from "@/components/ui/kit/data";
<FigureSlot caption="Figure" />Every state
Figure
Usage
Tokens it uses
| --panel | … |
|---|---|
| --paper | … |
| --surface | … |
| --line | … |
| --line-2 | … |
| --muted | … |
| --font-label | … |
Values are read live from the stylesheet, so they follow the site theme.