icevl / react-semantic-popup

Based Semantic React standalone Popup

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-popup

or

yarn add react-semantic-popup

Use

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>