//
Groups items together.
bun add xiod-ui1import { Group, GroupSeparator, GroupText } from "xiod-ui/group";1<Group>2 <GroupSeparator />3 <GroupText />4</Group>| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal"| "vertical"| null| undefined | horizontal |
| Prop | Type | Default | Description |
|---|---|---|---|
className | string| (string & ((state: SeparatorState) => string| undefined))| undefined | - | CSS class applied to the element, or a function that returns a class based on the component's state. |
orientation | Orientation| undefined | vertical | The orientation of the separator. |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, SeparatorState>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |
style | CSSProperties| ((state: SeparatorState) => CSSProperties| undefined)| undefined | - | Style applied to the element, or a function that returns a style object based on the component's state. |
| Prop | Type | Default | Description |
|---|---|---|---|
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |