react-portal-hijacker
TypeScript icon, indicating that this package has built-in type declarations

1.1.4 • Public • Published

react-portal-hijacker

A React component that uses portals to hijack DOM nodes.

To install

npm i react-portal-hijacker

Usage

Just use the Hijacker component, passing as the prop 'nodeSelector' the class name of the element/s you want the portal to target. The children of the Hijacker component will be rendered inside the targeted node.

function App() {
  return (
    <Hijacker nodeSelector='test-div' >
      <>
        <h1>PORTAL!</h1>
        <h2>WOOOHOO</h2>
      </>
    </Hijacker>
  )
}

Overwride (new feature)

New prop type: overwride. If prop 'overwride' is present, the component inside the portal will be positioned abolutely over any previous dom elements..

function App() {
  return (
    <Hijacker nodeSelector='test-div' overwride >
      <>
        <h1>PORTAL!</h1>
        <h2>WOOOHOO</h2>
      </>
    </Hijacker>
  )
}

Package Sidebar

Install

npm i react-portal-hijacker

Weekly Downloads

4

Version

1.1.4

License

MIT

Unpacked Size

6.54 kB

Total Files

4

Last publish

Collaborators

  • didacba