-
Notifications
You must be signed in to change notification settings - Fork 51
/
Tooltip.story.js
22 lines (20 loc) · 969 Bytes
/
Tooltip.story.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import React from 'react'
import { storiesOf } from '@storybook/react'
import { Well } from 'react-bootstrap'
import { Button, Tooltip, Layout } from 'antd'
const tooltip = <span id='tooltip'><strong>Tooltip ahoy!</strong></span>;
storiesOf('Tooltip', module)
.add('default', () => (
<span>
<Layout>
<h2><img src="https://i.imgur.com/v4qLk4p.png" width="42px" />Tooltip</h2>
<Well bsSize="large">Tooltip component for a more stylish alternative to that anchor tag <code>title</code> attribute. Attach and position tooltips with <code>OverlayTrigger</code>.
<hr />
<ul><li><a href="https://react-bootstrap.github.io/components.html#tooltips-props">Props for react-bootstrap Tooltips</a></li></ul>
</Well>
<Tooltip placement='top' overlay={tooltip}>
<Button className='btn-default'>Holy guacamole!</Button>
</Tooltip>
</Layout>
</span>
))