Components
Box
Minimal polymorphic div with min-width:0 and an `as` prop for layout building blocks.
Box is the lowest-level layout primitive — a div with min-w-0 already
applied (so flex and grid children can shrink and truncate correctly) and no
other styling. Use it as a neutral styling target you hang className on, or
render it as any element with the as prop (section, aside, nav, …).
Reach for it when you want a plain container without the spacing opinions of
Stack or Container.
Example
Preview
Box is the tiny polymorphic escape hatch for layout and spacing.
import { Box } from '@officina/ui';
<Box as="section" className="rounded-lg border p-4">
Content
</Box>;API
| Prop | Type | Default | Description |
|---|---|---|---|
| as | ElementType | div |