-
Notifications
You must be signed in to change notification settings - Fork 51
/
Tooltip.story.js
27 lines (25 loc) · 992 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
23
24
25
26
27
import React from 'react'
import { storiesOf } from '@storybook/react'
import { Button, ButtonToolbar, OverlayTrigger,
Tooltip } from 'react-bootstrap'
const tooltip = (
<Tooltip id='tooltip'><strong>Tooltip ahoy!</strong> Check this info.
</Tooltip>
)
storiesOf('Tooltip', module)
.add('default', () => (
<ButtonToolbar>
<OverlayTrigger placement='left' overlay={tooltip}>
<Button bsStyle='default'>Holy guacamole!</Button>
</OverlayTrigger>
<OverlayTrigger placement='top' overlay={tooltip}>
<Button bsStyle='default'>Holy guacamole!</Button>
</OverlayTrigger>
<OverlayTrigger placement='bottom' overlay={tooltip}>
<Button bsStyle='default'>Holy guacamole!</Button>
</OverlayTrigger>
<OverlayTrigger placement='right' overlay={tooltip}>
<Button bsStyle='default'>Holy guacamole!</Button>
</OverlayTrigger>
</ButtonToolbar>
))