React Popover
npm install @trendmicro/react-popover
React Popover
Demo: https://trendmicro-frontend.github.io/react-popover
1. Install the latest version of react and react-popover:
```
npm install --save react @trendmicro/react-popover
2. At this point you can import @trendmicro/react-popover and its styles in your application as follows:
`js
import Popover from '@trendmicro/react-popover';
// Be sure to include styles at some point, probably during your bootstraping
import '@trendmicro/react-popover/dist/react-popover.css';
`
`js
// Basic
Popover Top
// With Header
Popover Top
// With footer
Popover Top
// Set prefer place
placement="top-left"
>
Popover Top-left
// Set target
target={document.querySelector(".example-target")}
>
Popover Top
``
| Name | Type | Default | Description |
|---|---|---|---|
| show | Boolean | false | Specify whether to show the popover. |
| placement | String | 'top' | One of
|
| target | Object | null | Target element to aligned |
MIT