Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

transitionable-portal

v0.86.0arrow_drop_down
v0.86.0
v0.85.0
v0.84.0
STATUS
Passing
DOWNLOADS
141
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
7 months ago
SIZE
78 KB
Called when a close event happens.
1 contributor
Use transitionable-portal in your project ?
Copied
npm i @bit/semantic-org.semantic-ui-react.transitionable-portal
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
Add dependency... help_outline
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';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right

Called when a close event happens.

Callback on each transition that changes visibility to hidden.

Called when an open event happens.

Callback on animation start.

TransitionablePortal ()

A sugar for Portal and Transition.

Properties
NameTypeDefault valueDescription
children
node

Primary content.

onClose
function

React’s original SyntheticEvent.

onHide
function
onOpen
function

React’s original SyntheticEvent.

onStart
function
open
bool

Controls whether or not the portal is displayed.

transition
object{ animation: 'scale', duration: 400, }

Transition props.