[9/n][Storybook] InlineNotification update argTypes and use theme variants

This commit is contained in:
Vivian Phung 2024-05-14 15:55:37 -04:00 committed by Vivian Phung
parent 907b5ee02d
commit 2e0b228aa5
2 changed files with 11 additions and 4 deletions

View File

@ -1 +1,2 @@
export * from './InlineNotification'; export * from './InlineNotification';
export * from './InlineNotification.theme';

View File

@ -1,16 +1,19 @@
import { StoryObj, Meta } from '@storybook/react'; import { StoryObj, Meta } from '@storybook/react';
import {
InlineNotification,
InlineNotificationTheme,
} from 'components/shared/InlineNotification';
import { PlusIcon } from 'components/shared/CustomIcon'; import { PlusIcon } from 'components/shared/CustomIcon';
import { InlineNotification } from 'components/shared/InlineNotification'; const inlineNotificationVariants: InlineNotificationTheme['variant'][] = [
const inlineNotificationVariants = [
'info', 'info',
'danger', 'danger',
'warning', 'warning',
'success', 'success',
'generic', 'generic',
]; ];
const inlineNotificationSizes = ['md', 'sm']; const inlineNotificationSizes: InlineNotificationTheme['size'][] = ['sm', 'md'];
const meta: Meta<typeof InlineNotification> = { const meta: Meta<typeof InlineNotification> = {
title: 'Components/InlineNotification', title: 'Components/InlineNotification',
@ -34,6 +37,9 @@ const meta: Meta<typeof InlineNotification> = {
control: 'select', control: 'select',
options: inlineNotificationSizes, options: inlineNotificationSizes,
}, },
hasDescription: {
control: 'boolean',
},
}, },
}; };