Skip to main content

SelectField

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

Overview​

Loading...

Import​

Import the component from @faststore/ui

import { SelectField } from '@faststore/ui'

Import Styles

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

Usage​

Loading...

Props​

Design Tokens​

Local tokenDefault value/Global token linked
--fs-select-label-color
var(--fs-color-text-light)
--fs-select-label-margin-rightvar(--fs-spacing-1)

Customization​

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

data-fs-select-field

data-fs-select-field-label