//
Groups a series of buttons, labels, or inputs together into a single layout container with merged borders.
bun add xiod-ui1import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText } from "xiod-ui/button-group";1<ButtonGroup>2 <ButtonGroupSeparator />3 <ButtonGroupText />4</ButtonGroup>| Prop | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal"| "vertical"| null| undefined | horizontal |
| Prop | Type | Default | Description |
|---|---|---|---|
orientation | Orientation| undefined | vertical | The orientation of the separator. |
className | 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. |
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. |