mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 02:31:07 +08:00
40 lines
1.0 KiB
JavaScript
40 lines
1.0 KiB
JavaScript
import hbs from 'htmlbars-inline-precompile';
|
|
import { withKnobs, text, color, boolean } from '@storybook/addon-knobs';
|
|
import { action } from '@storybook/addon-actions';
|
|
|
|
export default {
|
|
title: 'Addon|Knobs',
|
|
decorators: [withKnobs],
|
|
|
|
parameters: {
|
|
options: { selectedPanel: 'storybookjs/knobs/panel' },
|
|
},
|
|
};
|
|
|
|
export const withText = () => ({
|
|
template: hbs`
|
|
{{welcome-banner
|
|
style=(if hidden "display: none")
|
|
backgroundColor=backgroundColor
|
|
titleColor=titleColor
|
|
subTitleColor=subTitleColor
|
|
title=title
|
|
subtitle=subtitle
|
|
click=(action onClick)
|
|
}}
|
|
`,
|
|
context: {
|
|
hidden: boolean('hidden', false),
|
|
backgroundColor: color('backgroundColor', '#FDF4E7'),
|
|
titleColor: color('titleColor', '#DF4D37'),
|
|
subTitleColor: color('subTitleColor', '#B8854F'),
|
|
title: text('title', 'Welcome to storybook'),
|
|
subtitle: text('subtitle', 'This environment is completely editable'),
|
|
onClick: action('clicked'),
|
|
},
|
|
});
|
|
|
|
withText.story = {
|
|
name: 'with text',
|
|
};
|