nx/graph/client/src/app/ui-tooltips/project-node-tooltip.stories.tsx

32 lines
741 B
TypeScript

import { ComponentStory, ComponentMeta } from '@storybook/react';
import {
ProjectNodeToolTip,
ProjectNodeToolTipProps,
} from './project-node-tooltip';
import Tippy from '@tippyjs/react';
export default {
component: ProjectNodeToolTip,
title: 'Tooltips/ProjectNodeToolTip',
} as ComponentMeta<typeof ProjectNodeToolTip>;
const Template: ComponentStory<typeof ProjectNodeToolTip> = (args) => (
<Tippy
content={<ProjectNodeToolTip {...args} />}
visible={true}
theme="nx"
interactive={true}
maxWidth="none"
>
<p></p>
</Tippy>
);
export const Primary = Template.bind({});
const args: ProjectNodeToolTipProps = {
type: 'app',
tags: ['type:app', 'scope:store'],
id: 'store',
};
Primary.args = args;