open-vault/ui/stories/selectable-card.stories.js

28 lines
879 B
JavaScript

import hbs from 'htmlbars-inline-precompile';
import { storiesOf } from '@storybook/ember';
import { withKnobs, boolean, number, text } from '@storybook/addon-knobs';
import notes from './selectable-card.md';
const CARD_TITLE = 'Tokens';
const SUB_TEXT = 'Total';
const TOTAL_HTTP_REQUESTS = 100;
storiesOf('SelectableCard/SelectableCard', module)
.addParameters({ options: { showPanel: true } })
.addDecorator(withKnobs())
.add(
`SelectableCard`,
() => ({
template: hbs`
<h5 class="title is-5">Selectable Card</h5>
<SelectableCard @cardTitle={{cardTitle}} @total={{totalHttpRequests}} @subText={{subText}} />
`,
context: {
cardTitle: text('cardTitle', CARD_TITLE),
totalHttpRequests: number('totalHttpRequests', TOTAL_HTTP_REQUESTS),
subText: text('subText', SUB_TEXT),
},
}),
{ notes }
);