LifeDS

Component

Radio Group

A set of checkable buttons — known as radio buttons — where no more than one can be checked at a time.

RadioGroupdefaultValue · value/onValueChange
RadioGroupItemvalue · disabled · aria-invalid
Playground

Basic

With description

Get notified via email.

Get notified via text message.

Choice card — clickable card selection

Fieldset & legend

Subscription plan

Disabled

Invalid — with error message

RTL support

Tokens used

6 semantic tokens consumed by this component.

--primaryPrimary
bg-primarytext-primaryborder-primaryring-primary
--primary-foregroundPrimary Foreground
text-primary-foregroundbg-primary-foreground
--inputInput
bg-inputborder-input
--destructiveDestructive
bg-destructivetext-destructiveborder-destructivering-destructive
--ringRing
ring-ringring
--muted-foregroundMuted Foreground
text-muted-foreground