chore: remove Tooltip story
This commit is contained in:
parent
b55a0ea01c
commit
239938ff71
@ -1,65 +0,0 @@
|
|||||||
import { Button } from "../components/Button";
|
|
||||||
import { Tooltip, TooltipContent } from "../components/Tooltip";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
title: "React/Tooltip",
|
|
||||||
component: Tooltip,
|
|
||||||
parameters: {
|
|
||||||
layout: "centered",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Default = () => {
|
|
||||||
return (
|
|
||||||
<Tooltip>
|
|
||||||
<TooltipContent>
|
|
||||||
<p className="whitespace-nowrap">Hello World!</p>
|
|
||||||
</TooltipContent>
|
|
||||||
<Button>Hover me</Button>
|
|
||||||
</Tooltip>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Top = () => {
|
|
||||||
return (
|
|
||||||
<Tooltip position="top">
|
|
||||||
<TooltipContent>
|
|
||||||
<p className="whitespace-nowrap">Hello World!</p>
|
|
||||||
</TooltipContent>
|
|
||||||
<Button>Hover me</Button>
|
|
||||||
</Tooltip>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Bottom = () => {
|
|
||||||
return (
|
|
||||||
<Tooltip position="bottom">
|
|
||||||
<TooltipContent>
|
|
||||||
<p className="whitespace-nowrap">Hello World!</p>
|
|
||||||
</TooltipContent>
|
|
||||||
<Button>Hover me</Button>
|
|
||||||
</Tooltip>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Left = () => {
|
|
||||||
return (
|
|
||||||
<Tooltip position="left">
|
|
||||||
<TooltipContent>
|
|
||||||
<p className="whitespace-nowrap">Hello World!</p>
|
|
||||||
</TooltipContent>
|
|
||||||
<Button>Hover me</Button>
|
|
||||||
</Tooltip>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const Right = () => {
|
|
||||||
return (
|
|
||||||
<Tooltip position="right">
|
|
||||||
<TooltipContent>
|
|
||||||
<p className="whitespace-nowrap">Hello World!</p>
|
|
||||||
</TooltipContent>
|
|
||||||
<Button>Hover me</Button>
|
|
||||||
</Tooltip>
|
|
||||||
);
|
|
||||||
};
|
|
Loading…
x
Reference in New Issue
Block a user