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

fix: remove legacy stories that replaced by new website

Browse Source
This commit is contained in:
p-sw 2024-06-02 06:59:39 +09:00
parent 74b7ed291b
commit bb4803c255
2 changed files with 0 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/react/stories/Button.stories.tsx
View File

@ -1,36 +0,0 @@
import { Button } from "../components/Button";
export default {
title: "React/Button",
};
export const Default = () => {
return <Button preset="default">Button</Button>;
};
export const Ghost = () => {
return <Button preset="ghost">Ghost Button</Button>;
};
export const Link = () => {
return <Button preset="link">Link Button</Button>;
};
export const Success = () => {
return <Button preset="success">Success Button</Button>;
};
export const Warning = () => {
return <Button preset="warning">Warning Button</Button>;
};
export const Danger = () => {
return <Button preset="danger">Danger Button</Button>;
};
export const AsChild = () => {
return (
<Button asChild preset="default">
<a href="https://google.com">As Child Button</a>
</Button>
);
};

95
packages/react/stories/Checkbox.stories.tsx
View File

@ -1,95 +0,0 @@
import React from "react";
import { Checkbox } from "../components/Checkbox";
import { Label } from "../components/Label";
import { Toaster, useToast } from "../components/Toast";
export default {
title: "React/Checkbox",
};
export const Default = () => {
return <Checkbox />;
};
export const DefaultChecked = () => {
return <Checkbox defaultChecked />;
};
export const Controlled = () => {
const [state, setState] = React.useState(false);
const { toast } = useToast();
React.useEffect(() => {
toast({
title: "Checkbox Toggled",
description: `Checkbox state changed to ${state}`,
status: state ? "success" : "error",
});
}, [state]);
return (
<>
<Toaster />
<Checkbox
checked={state}
onChange={(e) => {
setState(e.currentTarget.checked);
}}
/>
</>
);
};
export const UsingWithLabel = () => {
return (
<Label direction="horizontal">
<Checkbox />
<span>Check this out</span>
</Label>
);
};
export const Disabled = () => {
return (
<Label direction="horizontal">
<Checkbox disabled />
<span>Disabled checkbox</span>
</Label>
);
};
export const DisabledChecked = () => {
return (
<Label direction="horizontal">
<Checkbox disabled checked />
<span>Disabled checkbox</span>
</Label>
);
};
export const BaseSize = () => {
return (
<Label direction="horizontal">
<Checkbox size="base" />
<span>Base</span>
</Label>
);
};
export const MediumSize = () => {
return (
<Label direction="horizontal">
<Checkbox size="md" />
<span>Medium</span>
</Label>
);
};
export const LargeSize = () => {
return (
<Label direction="horizontal">
<Checkbox size="lg" />
<span>Large</span>
</Label>
);
};