popup

v0.88.2

v0.86.0

v0.85.0

v0.84.0

STATUS

Passing

DOWNLOADS

8,164

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

3 years ago

SIZE

94 KB

Called when a close event happens.

Informational Components

Modal

React

UI Components

1 contributor

Install popup as a package?

Copied

npm i @bit/semantic-org.semantic-ui-react.popup

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

Called when a close event happens.

Called when the portal is mounted on the DOM.

Called when an open event happens.

Called when the portal is unmounted from the DOM.

A Popup displays additional information on top of a page.

Called when a close event happens.

Called when the portal is mounted on the DOM.

Called when an open event happens.

Called when the portal is unmounted from the DOM.

PopupContent ()

A PopupContent displays the content body of a Popover.

PopupHeader ()

A PopupHeader displays a header in a Popover.

Popper.js does not support ref objects from createRef() as referenceElement. If we will pass directly ref, ref.current will be null at the render process. We use memoize to keep the same reference between renders.

Properties

Name	Type	Description
as	`elementType`	An element type to render as (string or function).
children	`node`	The content of the Popup
className	`string`	Classes to add to the Popup content className.
content	`custom`	Shorthand for primary content.
as	`elementType`	An element type to render as (string or function).
children	`node`	Primary content.
className	`string`	Additional classes.
content	`custom`	Shorthand for primary content.