All files / src/stories IconTooltip.stories.tsx

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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react';
 
import { Story } from '@storybook/react';
 
import IconTooltip, { IconTooltipProps } from '../components/IconTooltip';
 
export default {
  title: 'Icon Tooltip',
  component: IconTooltip,
};
 
const Template: Story<IconTooltipProps> = (args) => {
  return <IconTooltip {...args} />;
};
 
export const Default = Template.bind({});
Default.args = {
  iconName: 'info',
  placement: 'top-start',
  title: 'This is a simple icon tooltip with default icon & placement and only text content.',
};
 
export const HTML = Template.bind({});
HTML.args = {
  iconName: 'info',
  placement: 'top-start',
  title: (
    <>
      This is a simple icon tooltip with default icon & placement and some HTML content. Try this{' '}
      <a href='https://www.google.com' target='_blank' rel='noreferrer'>
        Google link
      </a>
      .
    </>
  ),
};