36 lines
747 B
JavaScript
36 lines
747 B
JavaScript
import React, { useState } from "react";
|
|
import ToggleButton from "./";
|
|
|
|
export default {
|
|
title: "Components/ToggleButton",
|
|
component: ToggleButton,
|
|
parameters: {
|
|
docs: { description: { component: "Custom toggle button input" } },
|
|
},
|
|
argTypes: {
|
|
onChange: { action: "onChange" },
|
|
},
|
|
};
|
|
|
|
const Template = ({ isChecked, onChange, ...args }) => {
|
|
const [value, setValue] = useState(isChecked);
|
|
return (
|
|
<ToggleButton
|
|
{...args}
|
|
isChecked={value}
|
|
onChange={(e) => {
|
|
setValue(e.target.checked);
|
|
onChange(e);
|
|
}}
|
|
/>
|
|
);
|
|
};
|
|
|
|
export const Default = Template.bind({});
|
|
Default.args = {
|
|
id: "toggle id",
|
|
className: "toggle className",
|
|
isDisabled: false,
|
|
label: "label text",
|
|
};
|