Licence
MIT
Version
1.0.5
Deps
0
Size
37 kB
Vulns
0
Weekly
0
React standalone Popup plugin based on Semantic UI
React component based on Semantic UI inline styles with auto and manual align popup position.
Install
npm i react-semantic-popupor
yarn add react-semantic-popupUse
import Popup from 'react-semantic-popup';
<Popup content='Text for popup'>
<div>
Some trigger element
</div>
</Popup>Options
| prop | value |
|---|---|
| content | [string or JSX]. Popup hint content. |
| align | [string]. Custom hint position: "top left", "top center", "top right", "right center", "left center", "bottom left", "bottom center", "bottom right" |
| inverted | [boolean] default: false. Inverted theme. |
| click | [boolean] default: false. Trigger popup by clicking on children element. |
Example
<Popup content='Clicked' align='top right' inverted click>
Click me
</Popup>