Radio Group
A Radio Group component is a UI element that allows users to select one option from a set of mutually exclusive choices. It typically consists of multiple radio buttons, where only one button can be selected at a time. Radio groups are commonly used in forms to gather user preferences, ensuring a clear and organized way to present options for selection. They enhance user experience by providing a straightforward interface for making single-choice decisions.
# Demo
Demo Coming Soon
RadioGroup examples will be available soon.
# Usage
# Attributes
| Name | Type | Default | Details |
|---|---|---|---|
| orientation | 'horizontal' | 'vertical' | Optional | Orientation of radio group. |
| items | RadioItem[] | Required | Array of radio items. |
| className | string | ' ' | You can customise by passing tailwind classes. |
| id | string | Optional | ID for the radio group. |
| label | string | Optional | Label for the radio group. |
| itemClassName | string | ' ' | You can customise by passing tailwind classes. |
| radioClassName | string | ' ' | You can customise by passing tailwind classes. |
| labelClassName | string | ' ' | You can customise by passing tailwind classes. |
| disabled | boolean | false | Whether the radio group is disabled. |
| value | string | Required | Selected radio value. |
| onChange | (selected: string) => void | Required | Callback when selection changes. |
| showLabel | boolean | Optional | Whether to show labels. |
# Tags