Skip to content
Based Semantic React standalone Popup
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.babelrc
.gitignore
.npmignore
CHANGELOG.md
README.md
package.json
webpack.config.js

README.md

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>
You can’t perform that action at this time.