@eureca/eureca-ui/src/components/Tooltip/stories/tooltip.stories.mdx

UI component library of Eureca's user and admin apps

import {
  Meta,
  Story,
  Preview,
  Title,
  Subtitle,
  Description,
  Props,
} from '@storybook/addon-docs/blocks';
import { withKnobs } from '@storybook/addon-knobs';

import { Box } from '@material-ui/core';

import { Tooltip } from '../';
import { TooltipStory } from './tooltip.stories.js';

<Meta title='Originals/Tooltip' component={Tooltip} decorators={[withKnobs]}/>

<Title>Tooltip</Title>

<Description>
  Componente de tooltip dos aplicativos Eureca
</Description>

<Preview>
  <Story name="Tooltip">
    <TooltipStory />
  </Story>
</Preview>

<Subtitle>Props</Subtitle>

|   Nome  |            Descrição            |   Default   |
|:-------:|:-------------------------------:|:-----------:|
| children | Conteúdo do tooltip  <br /> 'string' \| node \| element | null |

<Subtitle>Exemplo de Aplicação</Subtitle>

```jsx
<Tooltip>
  <Typography>Exemplo de conteúdo do tooltip.</Typography>
</Tooltip>
```