Documentation
Toggle

Toggle

Displays a boolean value.

Usage

First of all, you need to import the Toggle component from the @tonightpass/kitchen package.

import { Toggle } from "@tonightpass/kitchen"

Default

Disabled

Sizes

Props

NameTypeDefaultRequiredDescriptionAccepted values
checkedboolean--The current state of the toggle (checked or not).-
disabledboolean--The current status of the toggle (disabled or not).-
onChange(e: React.ChangeEvent<HTMLInputElement>) => void--The change event handler.-
largeboolean--The size of the toggle (large or not).-