@alegendstale/holly-components/dist/components/tool-tip/tool-tip.stories.js

Reusable UI components created using lit

import { html } from 'lit';
const meta = {
    title: 'Tool Tip',
    tags: ['autodocs'],
    component: 'tool-tip',
};
export default meta;
const Template = {
    render: ({ text, trigger, display }) => {
        return html `
			<tool-tip text=${text} trigger=${trigger} ?display=${display}>
				<button>${trigger} me</button>
			</tool-tip>
		`;
    },
};
export const Hover = {
    ...Template,
    args: {
        text: 'hovered tooltip',
        trigger: 'hover',
        display: true
    }
};
export const Click = {
    ...Template,
    args: {
        text: 'clicked tooltip',
        trigger: 'click',
        display: false
    }
};