mirror of
https://github.com/remvze/moodist.git
synced 2025-12-17 00:44: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