🎉 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
Toggle Field

Toggle Field

Toggle Field wraps a Toggle input and its corresponding Label.

Overview


Import

Import the component from @faststore/ui

import { ToggleField } from '@faststore/ui'

Import Styles

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

Usage

<ToggleField id="toggle-field-example" label="Toggle Label" />

Props

NameTypeDescriptionDefault
Coming Soon

Customization

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

data-fs-toggle-field

data-fs-toggle-field-label