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