59 lines
1 KiB
JavaScript
59 lines
1 KiB
JavaScript
|
import { action } from '@storybook/addon-actions';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: 'Components/Label',
|
||
|
|
argTypes: {
|
||
|
|
title: {
|
||
|
|
defaultValue: 'sales',
|
||
|
|
control: {
|
||
|
|
type: 'text',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
description: {
|
||
|
|
defaultValue: 'label',
|
||
|
|
control: {
|
||
|
|
type: 'text',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
href: {
|
||
|
|
control: {
|
||
|
|
type: 'text',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
bgColor: {
|
||
|
|
defaultValue: '#a83262',
|
||
|
|
control: {
|
||
|
|
type: 'text',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
small: {
|
||
|
|
defaultValue: false,
|
||
|
|
control: {
|
||
|
|
type: 'boolean',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
showIcon: {
|
||
|
|
defaultValue: false,
|
||
|
|
control: {
|
||
|
|
type: 'boolean',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
icon: {
|
||
|
|
defaultValue: 'ion-close',
|
||
|
|
control: {
|
||
|
|
type: 'text',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
const Template = (args, { argTypes }) => ({
|
||
|
|
props: Object.keys(argTypes),
|
||
|
|
template: '<woot-label v-bind="$props" @click="onClick"></woot-label>',
|
||
|
|
});
|
||
|
|
|
||
|
|
export const DefaultLabel = Template.bind({});
|
||
|
|
DefaultLabel.args = {
|
||
|
|
onClick: action('clicked'),
|
||
|
|
};
|