import type { StoryFn } from '@storybook/vue3-vite';
import N8nInfoTip from './InfoTip.vue';
export default {
title: 'Core/InfoTip',
component: N8nInfoTip,
parameters: {
docs: {
description: { component: 'An inline helper text element for short contextual guidance.' },
},
},
};
const Template: StoryFn = (args, { argTypes }) => ({
setup: () => ({ args }),
props: Object.keys(argTypes),
components: {
N8nInfoTip,
},
template:
'Need help doing something? Open docs',
});
export const Default = Template.bind({});
export const Variants: StoryFn = () => ({
components: { N8nInfoTip },
template: `
Info tip
Info light tip
Warning tip
Warning light tip
Danger tip
Success tip
Tooltip tip
`,
});
export const Sizes: StoryFn = () => ({
components: { N8nInfoTip },
template: `
XSmall
Small
Medium
Large
XLarge
`,
});
export const Tooltip = Template.bind({});
Tooltip.args = {
type: 'tooltip',
tooltipPlacement: 'right',
};