Installation

To install a component run

$ npm install @zenequityui/toggle --save

Please import CSS styles via

@import '/path__to__node_modules/@zenequityui/toggle/dist/index.min.css

Usage

Without Disabled

import { Toggle } from '@zenequityui/toggle';

initialState = {
  name: 'fruits',
  value: 'apple',
  isChecked: false,
};

<Toggle
  name={state.name}
  value={state.value}
  isChecked={state.isChecked}
  onChange={(event) => {
    setState({
      isChecked: !state.isChecked,
    });
  }}
/>

With Disabled

import { Toggle } from '@zenequityui/toggle';

initialState = {
  name: 'fruits',
  isChecked: false,
};

<Toggle
  name={state.name}
  isChecked={state.isChecked}
  isDisabled
/>