Skip to content
Primer Design System

Primer Design System

Radio

Radio button is a form control for making a single selection from a short list of options.

On this page

  • Updated 10 Dec 2024

Playground

No preview available
caption?
checked?
state

Props

NameTypeValuesDefault
caption?Booleantrue false false
stateVariantrest disabled focus rest
checked?Variantfalse true false

caption?

caption?: false, state: rest, checked?: false
false
caption?: true, state: rest, checked?: false
true

state

caption?: false, state: rest, checked?: false
rest
caption?: false, state: disabled, checked?: false
disabled
caption?: false, state: focus, checked?: false
focus

checked?

caption?: false, state: rest, checked?: false
false
caption?: false, state: rest, checked?: true
true