Import
import { Group } from '@cerberus/react'Usage
Used to group and attach elements together.
Loading example...
Attached
Use the layout prop to attach the group of children together.
Loading example...
Grow
Use the grow variant of the layout prop to make the children fill the space.
Loading example...
Orientation
Use the orientation prop to change the direction of the children.
Loading example...
Stack
Use the stack variant of the layout with orientation to stack the children.
Loading example...
Props
The Group component accepts the following utility props in addition to style and factory props:
| Prop | Type | Description |
|---|---|---|
layout | default | attached | grow | stack | The layout of the children along the cross axis. |
orientation | horizontal | vertical | The direction of the children. |
asChild | boolean | Use the provided child element as the default rendered element, combining their props and behavior. |