Radio Group

Radio Group allows users to select a single option from a list of two or more mutually exclusive options.

Overview

Import

Import the component from @faststore/ui

import { RadioGroup } from '@faststore/ui'

Usage

First option

Second option

Third option

<RadioGroup name="usage-radiogroup">
  <RadioField
    label="First option"
    name="usage-radiogroup"
    id="usage-radiofield-first"
  />
  <RadioField
    label="Second option"
    name="usage-radiogroup"
    id="usage-radiofield-second"
  />
  <RadioField
    label="Third option"
    name="usage-radiogroup"
    id="usage-radiofield-third"
  />
</RadioGroup>

Props

Name	Type	Description	Default
Coming Soon

Customization

For further customization, you can use the following data attributes:

data-fs-radio-group-option

Radio Field Rating