Toggle
Basic example
The Toggle component takes an onChange callback.
ReferenceError: React is not definedToggle checked
Toggles accept a checked prop that turns on the switch. Note that you must handle the addition and removal of the checked property yourself.
ReferenceError: React is not definedToggle size
Toggle has a size attribute that takes three options: small, medium (default), and large.
ReferenceError: React is not definedProps
| Property | Required | Type | Default | Description |
|---|---|---|---|---|
className | no | String | Class name to put on the inner label element | |
id | no | String | The id of the element | |
size | no | oneOf('small', 'medium', 'large') | 'medium' | Size variations |
All other props are passed to the inner input element.
Imports
Import React components (including CSS):
import {Toggle} from 'pivotal-ui/react/toggle';Import CSS only:
import 'pivotal-ui/css/toggle';