Cluster
Horizontal grouping with wrap for actions, tags and filters.
DesignAccessibleLightweightEditable
Installation
Run it from the root of a project already set up with zunoui init.
npx zunoui@latest add clusterDependencies
What add cluster installs alongside the component. The CLI skips any you already have in a compatible version.
ZUNO registry
@zuno/utils
Examples
2 examples · 1 componentDesignAccessibleLightweightEditableBase UITailwind
Tags that fit
Wrapping group for filters and metadata.
Team members
Actions at the edges
align="between" separates content from actions.
API reference
Forwards props and ref to the container element; it only adds composition utilities.
| Prop | Type | Default |
|---|---|---|
gapSpacing between items. | "2" | "3" | "4" | "2" |
alignHorizontal alignment and distribution. | "start" | "center" | "between" | "center" |
Accessibility
A presentational container with wrap; visual order follows DOM order when wrapping.
Ideal for groups of actions or tags: keeps keyboard focus in reading order.