import {ToggleSwitch} from "ui";
import {ArgsTable, Meta, Story} from "@storybook/addon-docs";
<Meta title="Components/Inputs/ToggleSwitch/old" component={ToggleSwitch}/>
export const Template = (args) => <ToggleSwitch {...args} />;
# ToggleSwitch
This component renders a Toggle Switch.
## Props
<ArgsTable story="Default"/>
## Examples
<Story
name="Default"
args={{
id: "Example",
altText: "example",
action: () => {
},
defaultState: false,
disabled: false,
enabledMessage: "Enabled",
disabledMessage: "Disabled",
}}
>
{Template.bind({})}
</Story>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter