Documentation
Feedback
Guides
Storefront Development

Storefront Development
Toggle Field

ToggleField group a Toggle input and its corresponding Label.

Toggle Field wraps a Toggle input and its corresponding Label.

Overview

Example
Code
Toggle

Import

Import the component from @faststore/ui

_10
import { ToggleField } from '@faststore/ui'

Import Styles

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


Usage


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


Props


Customization

For further customization, you can use the following data attributes:
data-fs-toggle-field
data-fs-toggle-field-label
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page