Radio Card Group | Zalify UI

Select framework

ReactSolidVue

React

Usage

import { RadioCardGroup } from '@zalify-ui/react'

<RadioCardGroup.Root>
  <RadioCardGroup.Label />
  <RadioCardGroup.Item>
    <RadioCardGroup.ItemHiddenInput />
    <RadioCardGroup.ItemText />
    <RadioCardGroup.ItemControl />
  </RadioCardGroup.Item>
</RadioCardGroup.Root>

Examples

Variants

Use the variant prop to change the appearance of the radio cards.

React

Props

Prop	Default	Type
`variant`	`'outline'`	`'subtle' \| 'outline' \| 'surface' \| 'solid'`
`size`	`'md'`	`'md'`