Toggle.mdx

name	menu
Toggle	1. State Containers

import { Props, Prop, ChildrenProps, ChildrenProp } from '../_ui/PropsTable' import { Toggle } from '../../dist/react-powerplug.esm'

Toggle

The Toggle component is used to toggle a boolean. True/false.

Usage

import { Toggle } from 'react-powerplug'

<Toggle initial={false}>
  {({ on, toggle }) => (
    <Checkbox onClick={toggle} checked={on} />
  )}
</Toggle>

Props

Specifies the initial `on` state. The onChange event of the Toggle is called whenever the on state changes. Receive state as function. It can also be `render` prop.

Children Props

Your `on` state value Toggle your `on` state value Arbitrary set a value to `on` state Set `on` value to true Set `on` value to false Reset `on` to initial state