Container
Width limits, side padding and reading or dashboard variants.
Centered content with a comfortable reading width.
Installation
Run it from the root of a project already set up with zunoui init.
npx zunoui@latest add containerDependencies
What add container installs alongside the component. The CLI skips any you already have in a compatible version.
ZUNO registry
@zuno/utils
Examples
1 examples · 1 componentsize="reading"
size="form"
size="content"
A width for every kind of content
Reading, form, content and fluid dashboard.
API reference
Forwards props and ref to the container element; it only adds composition utilities.
| Prop | Type | Default |
|---|---|---|
sizeMaximum width and reading rhythm. | "reading" | "form" | "content" | "dashboard" | "content" |
classNameAdditional classes for the container. | string | — |
Accessibility
A presentational container: it adds no ARIA roles and does not change DOM order.
It controls outer placement; the content manages its own interior. Keeps the document's reading order.