64 lines
1.2 KiB
JavaScript
64 lines
1.2 KiB
JavaScript
import { action } from '@storybook/addon-actions';
|
|
|
|
export default {
|
|
title: 'Components/Label',
|
|
argTypes: {
|
|
title: {
|
|
defaultValue: 'sales',
|
|
control: {
|
|
type: 'text',
|
|
},
|
|
},
|
|
colorScheme: {
|
|
control: {
|
|
type: 'select',
|
|
options: ['primary', 'secondary', 'success', 'alert', 'warning'],
|
|
},
|
|
},
|
|
description: {
|
|
defaultValue: 'label',
|
|
control: {
|
|
type: 'text',
|
|
},
|
|
},
|
|
href: {
|
|
control: {
|
|
type: 'text',
|
|
},
|
|
},
|
|
bgColor: {
|
|
defaultValue: '#a83262',
|
|
control: {
|
|
type: 'text',
|
|
},
|
|
},
|
|
small: {
|
|
defaultValue: false,
|
|
control: {
|
|
type: 'boolean',
|
|
},
|
|
},
|
|
showClose: {
|
|
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'),
|
|
};
|