Box is the most primitive layout component — a single element you can style with Orbit’s design tokens for spacing, color, borders, and more.
Figma
The Figma reference for Box will appear here once the design link is added.
Storybook
Interactive examples for Box will render here once the Storybook link is wired in.
Best practices
- Use box as a low-level building block; reach for a more specific component (like a card) when it fits.
- Apply spacing and color through tokens rather than hard-coded values.
- Prefer logical properties (inline/block) so layouts adapt across writing directions.