mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
13659d036f
* ensure that eslint runs on all frontend code * remove tslint from `design-system` * enable prettier and eslint-prettier for `design-system` * Delete tslint.json * use a single editorconfig for the repo * enable prettier for all code in `design-system` * more linting fixes on design-system * ignore coverage for git and prettier * lintfix on editor-ui
53 lines
831 B
JavaScript
53 lines
831 B
JavaScript
import N8nTabs from './Tabs.vue';
|
|
|
|
import { action } from '@storybook/addon-actions';
|
|
|
|
export default {
|
|
title: 'Atoms/Tabs',
|
|
component: N8nTabs,
|
|
argTypes: {},
|
|
parameters: {
|
|
backgrounds: { default: '--color-background-xlight' },
|
|
},
|
|
};
|
|
|
|
const methods = {
|
|
onInput: action('input'),
|
|
};
|
|
|
|
const Template = (args, { argTypes }) => ({
|
|
props: Object.keys(argTypes),
|
|
components: {
|
|
N8nTabs,
|
|
},
|
|
template: `<n8n-tabs v-model="val" v-bind="$props" @input="onInput">
|
|
</n8n-tabs>`,
|
|
methods,
|
|
data() {
|
|
return {
|
|
val: '',
|
|
};
|
|
},
|
|
});
|
|
|
|
export const Example = Template.bind({});
|
|
Example.args = {
|
|
options: [
|
|
{
|
|
label: 'Test',
|
|
value: 'test',
|
|
},
|
|
{
|
|
label: 'Github',
|
|
value: 'github',
|
|
href: 'https://github.com/',
|
|
},
|
|
{
|
|
label: 'Settings',
|
|
value: 'settings',
|
|
icon: 'cog',
|
|
align: 'right',
|
|
},
|
|
],
|
|
};
|