Displaying 1 to 6 from 6 results

react-portal - React component for transportation of modals, lightboxes, loading bars

  •    Javascript

Struggling with modals, lightboxes or loading bars in React? React-portal creates a new top-level React tree and injects its children into it. That's necessary for proper styling (especially positioning). Looking for v3 documentation? Go here.

react-useportal - 🌀 React hook for Portals

  •    TypeScript

Need to make dropdowns, lightboxes/modals/dialogs, global message notifications, or tooltips in React? React Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component (react docs). This hook is also isomorphic, meaning it works with SSR (server side rendering).

react-mortal - react-portal + react-motion = :heart:

  •    Javascript

react-portal is awesome, but it may be tricky to animate a Portal when entering/leaving the dom. This is what react-mortal is solving, by combining it with the power of react-motion. Check usage example and demo.




react-steack - :hamburger: Animate stacks with great performances

  •    Javascript

:hamburger: Animate stacks with great performances

react-portal-popover - A popover library for React, using Portals for better positioning.

  •    Javascript

A popover library for React, using react-portal for better positioning. There's two steps: import the OverlayTrigger that decorates your toggle element, then pass in an overlay={} prop with your ToolTip that you'd like to display.