Published

Toggle

import { Toggle } from "@wfp/react";

() => {
  return (
    <Toggle
      labelA="Off"
      labelB="On"
      name="togglename"
    />
  );
};

Prop	Default	Description	Value
defaultToggled `boolean`	–	Specify whether the toggle should be on by default	defaultToggled
toggled `boolean`	–		toggled
labelA `string`	–	Specify the label for the "off" position
labelB `string`	–	Specify the label for the "on" position
onToggle `(value: boolean,htmlFor: string,event: ChangeEvent<HTMLInputElement>) => void`	–	Provide an optional hook that is called when the control is toggled
className `string`	–
id `string`	–	Provide an id that unique represents the underlying `input`
name `string`	–	Provide an name that unique represents the underlying `input`
onChange `(event: ChangeEvent<HTMLInputElement>) => void`	–	Provide a function that is called when a change event occurs on the control
ref `any`	–