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 token | Default value/Global token linked |
|---|---|
--fs-select-label-color | var(--fs-color-text-light) |
--fs-select-label-margin-right | var(--fs-spacing-1) |
Customization​
For further customization, you can use the following data attributes:
data-fs-select-field
data-fs-select-field-label