mirror of
https://github.com/remvze/moodist.git
synced 2025-12-18 09:24:14 +00:00
chore: add story for snackbar provider
This commit is contained in:
parent
43f6245227
commit
f19d151f4a
1 changed files with 26 additions and 0 deletions
26
src/contexts/stories/snackbar.stories.tsx
Normal file
26
src/contexts/stories/snackbar.stories.tsx
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
import type { Meta, StoryObj } from '@storybook/react';
|
||||||
|
|
||||||
|
import { SnackbarProvider, useSnackbar } from '../snackbar';
|
||||||
|
|
||||||
|
const meta: Meta<typeof Snackbar> = {
|
||||||
|
component: SnackbarProvider,
|
||||||
|
title: 'SnackbarProvider',
|
||||||
|
};
|
||||||
|
|
||||||
|
export default meta;
|
||||||
|
|
||||||
|
type Story = StoryObj<typeof meta>;
|
||||||
|
|
||||||
|
export const Default: Story = {
|
||||||
|
render: () => (
|
||||||
|
<SnackbarProvider>
|
||||||
|
<Snackbar />
|
||||||
|
</SnackbarProvider>
|
||||||
|
),
|
||||||
|
};
|
||||||
|
|
||||||
|
function Snackbar() {
|
||||||
|
const snackbar = useSnackbar();
|
||||||
|
|
||||||
|
return <button onClick={() => snackbar('Hello World')}>Show Snackbar</button>;
|
||||||
|
}
|
||||||
Loading…
Add table
Reference in a new issue