Popover
Popovers provide additional information when clicking on content.
Examples
A cappuccino is an espresso-based coffee drink that originated in Italy, and is traditionally prepared with steamed milk foam (microfoam).
import React from 'react';
import ReactDOM from 'react-dom';
import { Popover, Paragraph } from 'furl-components';
ReactDOM.render(
<Paragraph>
A cappuccino is an <Popover content='A type of coffee.' position='right'>espresso</Popover>-based coffee drink that originated in Italy, and is traditionally prepared with steamed milk foam (microfoam).
</Paragraph>,
document.getElementById('root')
);
API
Property | Description | Type | Default | ||
---|---|---|---|---|---|
content | popover content | string | |||
position | popover position | string | 'top' |
Notes
position
can be one of the following:'top'
,'bottom'
,'left'
or'right'
.