# Box

Source: https://design.ritchiebros.com/components/layout/box/

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.

## Related components

- [Paper](https://design.ritchiebros.com/components/surfaces/paper/)
- [Card](https://design.ritchiebros.com/components/surfaces/card/)
- [Stack](https://design.ritchiebros.com/components/layout/stack/)