diff --git a/apps/workshop/src/stories/Menubar/Menubar.stories.tsx b/apps/workshop/src/stories/Menubar/Menubar.stories.tsx new file mode 100644 index 0000000..2fae6b6 --- /dev/null +++ b/apps/workshop/src/stories/Menubar/Menubar.stories.tsx @@ -0,0 +1,62 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { Menubar } from '@jung/design-system'; + +const meta: Meta = { + title: 'Components/Menubar', + component: Menubar, + tags: ['autodocs'], + parameters: { + layout: 'centered', + }, +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const Default: Story = { + render: () => ( + + + File + + New Tab + New Window + + Share + + + + Edit + + Undo + Redo + + + + ), +}; + +export const Disabled: Story = { + render: () => ( + + + File + + New Tab + New Window + New Incongnito Window + + hihi + + + + Edit + + Undo + Redo + + + + ), +}; diff --git a/apps/workshop/src/stories/Toast/Toast.stories.tsx b/apps/workshop/src/stories/Toast/Toast.stories.tsx new file mode 100644 index 0000000..45fb80b --- /dev/null +++ b/apps/workshop/src/stories/Toast/Toast.stories.tsx @@ -0,0 +1,43 @@ +import type { Meta, StoryObj } from '@storybook/react'; + +import { + Button, + Toast, + ToastContainer, + ToastProvider, + useToast, +} from '@jung/design-system'; + +const meta = { + title: 'COMPONENTS/Toast', + component: Toast, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +const Template = () => { + const showToast = useToast(); + return ( + + ); +}; + +export const Default: Story = { + render: () => ( + + +