Files
Pete DavidsandGitHub 17d1a77284 [fix] make tooltip body persistent on hover (#423)
make tooltip body persistent

Signed-off-by: Pete Davids <[email protected]>
2023-08-15 21:09:56 -07:00

23 lines
504 B
TypeScript

import * as React from 'react';
import Text from '../text/text';
import {Tooltip} from './tooltip';
export default {
component: Tooltip,
title: 'Components/Tooltip',
};
export const Primary = (args: any) => {
return (
<div style={{padding:'1em', width: 'fit-content'}}>
<Tooltip {...args} content={<Text>{args.content}</Text>}>
<Text>Hover over me!</Text>
</Tooltip>
</div>
);
};
Primary.args = {
content: 'Hello there!',
};