Foundations
Components
- Accordion
- Alert Dialog
- Avatar
- Badge
- Banner
- BreadcrumbSOON
- Button
- Button Group
- Calendar
- Callout
- Card
- Checkbox
- CodeblockSOON
- Color Picker
- Container
- Control Group
- Dialog
- Dropdown
- File Uploader
- FlexBox
- FormSOON
- Grid View
- IconSOON
- ImageSOON
- Input
- Link
- List
- MenuSOON
- PaginationSOON
- Popover
- Progress
- Radio
- Section
- Select
- Separator
- Skeleton
- SliderSOON
- SpinnerSOON
- Switch
- Table
- Tabs
- Tag
- Textarea
- ToastSOON
- Tooltip
Control Group
Streamline your user inputs with our ControlGroup. Grouped to perfection, they make interactions feel natural and intuitive.Example
API Reference
| Component | Description |
|---|---|
| Control Group | A component that groups form controls like buttons, inputs, and selects into a cohesive unit with shared borders and consistent spacing. |
Component Properties
Control Group
| Prop | Type | Default | Description |
|---|---|---|---|
| size | string | "md" | Sets the size of the control group, affecting padding and border radius. |
| block | boolean | false | When true, the control group will take up the full width of its container. |
| border | string | "solid" | Sets the border style of the control group. |