You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
932 B
33 lines
932 B
import React from 'react'
|
|
import { storiesOf } from '@storybook/react'
|
|
import { Notification } from 'components/UI'
|
|
|
|
storiesOf('Components', module).addWithChapters('Notification', {
|
|
subtitle: 'For displaying important messages.',
|
|
chapters: [
|
|
{
|
|
sections: [
|
|
{
|
|
title: 'Success',
|
|
sectionFn: () => <Notification variant="success">Success notification</Notification>
|
|
},
|
|
{
|
|
title: 'Warning',
|
|
sectionFn: () => <Notification variant="warning">Warning notification</Notification>
|
|
},
|
|
{
|
|
title: 'Error',
|
|
sectionFn: () => <Notification variant="error">Error notification</Notification>
|
|
},
|
|
{
|
|
title: 'Processing',
|
|
sectionFn: () => (
|
|
<Notification variant="warning" processing>
|
|
Processing notification
|
|
</Notification>
|
|
)
|
|
}
|
|
]
|
|
}
|
|
]
|
|
})
|
|
|