Menu
Documentation

Radio Card

The TairoRadioCard component is a versatile radio input that combines the functionality of a radio button with the visual appeal of a card. It's built on top of Reka UI's RadioGroupItem and provides additional styling options through Shuriken UI's design system.

Example

Components

TairoRadioCard

RadioGroupItem
Prop Type
as
default:-
AsTag | Component

The element or component this component should render as. Can be overwritten by `asChild`.

as-child
default:-
boolean

Change the default rendered element for the one passed as a child, merging their props and behavior. Read our [Composition](https://www.reka-ui.com/docs/guides/composition) guide for more details.

disabled
default:-
boolean

When `true`, prevents the user from interacting with the radio item.

icon
default:-
string
id
default:-
string
label
default:-
string
name
default:-
string

The name of the field. Submitted with its owning form as part of a name/value pair.

required
default:-
boolean

When `true`, indicates that the user must set the value before the owning form can be submitted.

rounded
default:"sm"
"md" | "sm" | "lg" | "none"
subtitle
default:-
string
value
default:-
AcceptableValue

The value given as data when submitted with a `name`.

variant
default:"default"
"default" | "muted" | "none"
Event Emitted Value Type
select
[event: any]
Slot Type
#default
{}
#indicator
{}