Radio
Radio buttons are used to select one option from a set of mutually exclusive options. They are commonly used in forms and surveys where only one choice is allowed.
Loading Code Block...
Installation
Section titled “Installation”To get started, install Butterfly DS via aqua:
Loading Code Block...
Loading Code Block...
sm
Loading Code Block...
Radio Disabled
Section titled “Radio Disabled”primary
Loading Code Block...
Props | Default | Type | Description |
---|---|---|---|
size | md | 'sm' | 'md' | Sets the size of the radio button. |
title | - | string | Sets the title of the radio button. |
supportingText | - | string | Sets the supporting text for the radio button. |
alignment | left | 'left' | 'right' | Sets the alignment of the radio button and its label. |
titleBold | false | boolean | If true, the title will be displayed in bold. |
colorScheme | primary | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | Sets the color scheme of the radio button. |
disabled | false | boolean | Disables the radio button if set to true. |