mirror of
https://github.com/status-im/consul.git
synced 2025-01-27 14:05:45 +00:00
d5d4155e1a
* ui: Install storybook into the main project * Add a basic story for a notice * Remove empty dependencies
import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import { hbs } from 'ember-cli-htmlbars';
import { select } from '@storybook/addon-knobs';
<Meta title="Components/Notice" component="Notice" />
# Notice
<Canvas>
<Story name="Basic">{{
template: hbs`<Notice
@type={{type}}
as |notice|>
<notice.Header>
<h3>Header</h3>
</notice.Header>
<notice.Body>
<p>
Body
</p>
</notice.Body>
<notice.Footer>
<p>
Footer
</p>
</notice.Footer>
</Notice>`,
context: {
type: select('type', {
'success': 'success',
'warning': 'warning',
'info': 'info',
'highlight': 'highlight',
},
'success'
),
}
}}
</Story>
</Canvas>