mirror of
https://github.com/remvze/moodist.git
synced 2026-02-28 09:03:12 +08:00
chore: add story for snackbar provider
This commit is contained in:
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>;
|
||||
}
|
||||
Reference in New Issue
Block a user