Toggle Field

Toggle Field

ToggleField group a Toggle input and its corresponding Label.

Toggle Field wraps a Toggle input and its corresponding Label.

Overview

Example

Code

Label

Toggle

Checked

Disabled

Import the component from @faststore/ui


_10import { ToggleField } from '@faststore/ui'

To apply the styles of this component in your FastStore project, import the following into your stylesheet:


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

Follow the instructions in the Importing FastStore UI component styles tutorial.

Toggle Label


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

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

data-fs-toggle-field

data-fs-toggle-field-label