RadioGroup

A set of radio buttons to select a single option from a list.

Based on Reka UI RadioGroup

Key Props

• items: as an array of strings or numbers:

::component-code

prettier: true ignore:

• modelValue
• items

external:

• items
• modelValue

props: modelValue: 'System' items: - 'System' - 'Light' - 'Dark'

::

You can also pass an array of objects with the following properties:

• label?: string{lang="ts-type"}
• description?: string{lang="ts-type"}
• value?: string{lang="ts-type"}
• disabled?: boolean{lang="ts-type"}
• class?: any{lang="ts-type"}
• ui?: { item?: ClassNameValue, container?: ClassNameValue, base?: ClassNameValue, 'indicator'?: ClassNameValue, wrapper?: ClassNameValue, label?: ClassNameValue, description?: ClassNameValue }{lang="ts-type"}

::component-code

ignore:

• modelValue
• items

external:

• items
• modelValue

externalTypes:

• RadioGroupItem[]

props: modelValue: 'system' items: - label: 'System' description: 'This is the first option.

• legend: to set the legend of the RadioGroup.
• color: to change the color of the RadioGroup.
• variant: to change the variant of the RadioGroup.
• size: to change the size of the RadioGroup.
• orientation: to change the orientation of the RadioGroup.
• indicator: to change the position or hide the indicator.
• disabled: to disable the RadioGroup.

Usage

<URadioGroup
  <!-- props here -->
/>