Components Library: Refreshed Radio Button

[sallkall]

🎯 Usage

• For making a single selection from multiple options. Good for showing all the available options (compared to a normal select component).

🎭 Behaviours

• Horizontal and Vertical Spacing: A radio button group is evenly spaced out either vertically or horizontally. This spacing value can be user-defined.
• Radio Button Labels: All radio buttons are required to have a text label.

🔗 Zeplin Link

• Radio Button

🔢 Attributes

Property	Type	Default Value	Description
disabled	Boolean	false	Disables the radio button
label	String	-	The text label to display beside the radio button

🔍 Design Preview

*Design taken from old lumen library, refreshed based on new lumen-labs colour scheme and spacing standards.