Skip to content

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...

To get started, install Butterfly DS via aqua:

Loading Code Block...
Loading Code Block...
sm
Loading Code Block...
primary
Loading Code Block...

PropsDefaultTypeDescription
sizemd'sm' | 'md'Sets the size of the radio button.
title-stringSets the title of the radio button.
supportingText-stringSets the supporting text for the radio button.
alignmentleft'left' | 'right'Sets the alignment of the radio button and its label.
titleBoldfalsebooleanIf true, the title will be displayed in bold.
colorSchemeprimary'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info'Sets the color scheme of the radio button.
disabledfalsebooleanDisables the radio button if set to true.
icon
icon icon icon icon