- 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 | The unifier of controls. ControlGroup is the ultimate wrangler that effortlessly brings together input elements like buttons, selects, or toggles into a cohesive, tight-knit unit. It ensures harmony and alignment, making your controls feel like part of a well-orchestrated ensemble. |
Component Properties
Control Group
Prop | Type | Default | Explanation |
---|---|---|---|
size | string | md | Sets the scale of the ControlGroup, allowing you to choose between different sizes to ensure it harmonizes with the surrounding elements and feels right at home in your UI. |
border | boolean | true | A true/false switch that decides whether your ControlGroup should be outlined with borders, giving you the power to go for a defined enclosure or a borderless blend. |
block | boolean | false | When set to true, the ControlGroup stretches out to occupy the full width of its parent container, asserting its presence. When false, it sizes according to its content. |