aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/layout/notice.stories.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-10-02 18:07:34 +0200
committerArmand Philippot <git@armandphilippot.com>2023-11-11 18:14:41 +0100
commitb52b8183ce299b5a2d3c3b2f4f8cb94bb443d746 (patch)
tree2ec276a4ebd5d39b891ff8fe8d8bf45c478fb97e /src/components/atoms/layout/notice.stories.tsx
parent6221fa82e41915702d8139cade5c25e9d61e619f (diff)
refactor(components): rewrite Notice component
* Rename message prop to children prop and set ReactNode as type
Diffstat (limited to 'src/components/atoms/layout/notice.stories.tsx')
-rw-r--r--src/components/atoms/layout/notice.stories.tsx86
1 files changed, 0 insertions, 86 deletions
diff --git a/src/components/atoms/layout/notice.stories.tsx b/src/components/atoms/layout/notice.stories.tsx
deleted file mode 100644
index 57dddb3..0000000
--- a/src/components/atoms/layout/notice.stories.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { Notice as NoticeComponent } from './notice';
-
-/**
- * Notice - Storybook Meta
- */
-export default {
- title: 'Atoms/Layout/Notice',
- component: NoticeComponent,
- argTypes: {
- className: {
- control: {
- type: 'text',
- },
- description: 'Set additional classnames to the notice wrapper.',
- table: {
- category: 'Styles',
- },
- type: {
- name: 'string',
- required: false,
- },
- },
- kind: {
- control: {
- type: 'select',
- },
- description: 'The notice kind.',
- options: ['error', 'info', 'success', 'warning'],
- type: {
- name: 'string',
- required: true,
- },
- },
- message: {
- control: {
- type: 'text',
- },
- description: 'The notice body.',
- type: {
- name: 'string',
- required: true,
- },
- },
- },
-} as ComponentMeta<typeof NoticeComponent>;
-
-const Template: ComponentStory<typeof NoticeComponent> = (args) => (
- <NoticeComponent {...args} />
-);
-
-/**
- * Notice stories - Error
- */
-export const Error = Template.bind({});
-Error.args = {
- kind: 'error',
- message: 'Nisi provident sapiente.',
-};
-
-/**
- * Notice stories - Info
- */
-export const Info = Template.bind({});
-Info.args = {
- kind: 'info',
- message: 'Nisi provident sapiente.',
-};
-
-/**
- * Notice stories - Success
- */
-export const Success = Template.bind({});
-Success.args = {
- kind: 'success',
- message: 'Nisi provident sapiente.',
-};
-
-/**
- * Notice stories - Warning
- */
-export const Warning = Template.bind({});
-Warning.args = {
- kind: 'warning',
- message: 'Nisi provident sapiente.',
-};