import type { StoryFn } from '@storybook/vue3-vite';
import { action } from 'storybook/actions';
import N8nLink from './Link.vue';
export default {
title: 'Core/Link',
component: N8nLink,
argTypes: {
size: {
control: {
type: 'select',
},
options: ['small', 'medium', 'large'],
},
},
parameters: {
docs: {
description: { component: 'A text link component for navigation and inline actions.' },
},
},
};
const methods = {
onClick: action('click'),
};
const Template: StoryFn = (args, { argTypes }) => ({
setup: () => ({ args }),
props: Object.keys(argTypes),
components: {
N8nLink,
},
template: 'hello world',
methods,
});
export const Default = Template.bind({});
Default.args = {
href: 'https://n8n.io/',
};
export const Sizes: StoryFn = () => ({
components: { N8nLink },
template: `
Small
Medium
Large
`,
});
export const Variants: StoryFn = () => ({
components: { N8nLink },
template: `
Primary
Secondary
Text
Danger
`,
});