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

Didn't find your answers? Ask the Community. For documentation suggestions, submit your feedback.

JOIN THE COMMUNITY