status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

ui: Move notice storybook to use controls addon (#9126)

This commit is contained in:
John Cowen 2020-11-09 09:14:51 +00:00 committed by hashicorp-ci
parent 4f1d2a1c56
commit 9c17ed1931
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
ui/packages/consul-ui/app/components/notice/README.stories.mdx
View File

@ -1,13 +1,27 @@
import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'; import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import { hbs } from 'ember-cli-htmlbars'; import { hbs } from 'ember-cli-htmlbars';
import { select } from '@storybook/addon-knobs';
<Meta title="Components/Notice" component="Notice" /> <Meta title="Components/Notice" component="Notice" />
# Notice # Notice
<Canvas> <Canvas>
<Story name="Basic">{{ <Story name="Basic"
argTypes={{
type: {
defaultValue: 'success',
control: {
type: 'select',
options: [
'success',
'warning',
'info',
'highlight',
]
}
}
}}
>{(args) => ({
template: hbs`<Notice template: hbs`<Notice
@type={{type}} @type={{type}}
as |notice|> as |notice|>
@ -25,17 +39,8 @@ import { select } from '@storybook/addon-knobs';
</p> </p>
</notice.Footer> </notice.Footer>
</Notice>`, </Notice>`,
context: { context: args
type: select('type', { })}
'success': 'success',
'warning': 'warning',
'info': 'info',
'highlight': 'highlight',
},
'success'
),
}
}}
</Story> </Story>
</Canvas> </Canvas>