Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import { Story, Meta } from '@storybook/react'
import { Tooltip, TooltipProps } from './tooltip'
import { Button } from '@tmk/ui-kit'
export default {
title: 'Shared/Tooltip',
component: Tooltip,
args: {
label: 'Test Storybook tooltip',
},
argTypes: {
placement: {
control: 'select',
options: ['top', 'bottom', 'left', 'right'],
defaultValue: 'top',
},
},
decorators: [
Story => (
<div className='flex justify-center p-12'>
<Story />
</div>
),
],
} as Meta
const Template: Story<TooltipProps> = args => {
return (
<Tooltip {...args}>
<Button>Storybook-Tooltip</Button>
</Tooltip>
)
}
export const Default = Template.bind({})
Default.args = {}
|