Switch

Links: NPM · GitHub

Install

• yarn add @propellerads/switch or
• npm install @propellerads/switch --save

Usage

import Switch from '@propellerads/switch';

<Switch
  isActive={true}
  onChange={(next) => console.log('changed:', next)}
  elementId="switch-id"
  isDisabled={false}
  containerClassName="my-root"
  controlClassName="my-control"
/>;

Props

• isActive (boolean, required): current switch value
• onChange (function, required): called with next boolean value
• elementId (string): id to link input and label
• isDisabled (boolean, default: false): disables the control
• containerClassName (string): custom class for root container
• controlClassName (string): custom class for inner control