Skip to main content

Radio Buttons

Radio buttons allow users to select a single option from a set. They are used in forms and UI elements where a choice needs to be made.

Below is a table showing the different radio button states, their design token names, color values, and previews.

PreviewStateDesign Token NameColor ValueColor Preview

Each radio button state dynamically retrieves its design tokens from the Figma system, ensuring a consistent UI.