🎉 We are thrilled to introduce FastStore v2. If you are looking for documentation of the previous version of FastStore, please refer to FastStore v1.

UI Components
Molecules
Radio Field

Radio Field

Radio Field wraps a Radio input and its corresponding Label. It allows users to select one option from a set.

Overview


Import

Import the component from @faststore/ui

import { RadioField } from '@faststore/ui'

Import Styles

import '@faststore/ui/src/components/molecules/RadioField/styles.scss'

Usage

<RadioField label="Faststore" id="faststore" />

Props

NameTypeDescriptionDefault
Coming Soon

Design Tokens

Local tokenDefault value/Global token linked
--fs-radio-field-gapvar(--fs-spacing-1)

Customization

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

data-fs-radio-field