Toogle

The toggle component can be used to receive a simple yes or no type of answer from the user by choosing a single option from two options available in multiple sizes.

Usage

Code Editor
Copy
import { Toogle } from '@erudilabs/alma'

Component

Here preview and detail explain of Toogle component


Default

Code Editor
Copy
<Toogle name="subscribe" />

Disabled

Code Editor
Copy
<Toogle name="subscribe_disabled" disabled/>

Props Reference

Prop
Type

id?

string

testId?

string

className?

string

name

string

defaultChecked?

boolean

disabled?

boolean

onChange?

(e: ChangeEvent) => void