p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: remove switch story

Browse Source
This commit is contained in:
p-sw 2024-06-03 21:45:08 +09:00
parent d85dcb4d85
commit a8cdcf92eb
1 changed files with 0 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
packages/react/stories/Switch.stories.tsx
View File

@ -1,46 +0,0 @@
import React from "react";
import { Label } from "../components/Label";
import { Switch } from "../components/Switch";
import { Toaster, useToast } from "../components/Toast";
export default {
title: "React/Switch",
};
export const Default = () => <Switch />;
export const Disabled = () => <Switch disabled />;
export const DisabledChecked = () => <Switch disabled checked />;
export const WithLabel = () => (
<Label direction="horizontal">
<Switch />
<span>Switch</span>
</Label>
);
export const Controlled = () => {
const [checked, setChecked] = React.useState(false);
const { toast } = useToast();
React.useEffect(() => {
toast({
title: "Switch changed",
description: `The switch was changed to ${checked ? "true" : "false"}`,
});
}, [checked, toast]);
return (
<>
<Toaster />
<Label direction="horizontal">
<Switch
checked={checked}
onChange={(e) => setChecked(e.target.checked)}
/>
<span>Click here to toggle!</span>
</Label>
</>
);
};