Radio card, hand-off

An option that needs a little more detail once chosen.

Get Pro to installPro15 blocksReact, Vue and Figma

Amelia LawsonNewHead of designNot covering

Dates

Scope

Keep approvals with meRequests wait until you are back.

More in Radio Groups#

Single-choice settings: a titled list where exactly one row can be on

Choosing how often to email while showing the load: what lands in the inbox, day by day

Settings where each choice has one detail: a time, a day, or nothing

Pricing and upgrade flows: one plan at a time, with the billing period as a toggle

Comparing plans line for line

Plan changes where the person needs to see what they gain or lose and what is due

Settings with several independent single choices: people, integrations, defaults

Showing the effect of settings as plain language

Choosing by face or logo

Choosing a default among saved items: cards, addresses, devices

Cards where seeing the face of the chosen card helps

Defaults that apply the moment they are chosen, with a safety net

One option as a card: a person, an account, a destination

An option that needs a little more detail once chosen

Picking one person from several in little space

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.