@y14e/portal
v1.2.31
Published
Lightweight DOM portal (teleport) utility with fully focus management
Maintainers
Readme
Portal
Lightweight DOM portal (teleport) utility with fully focus management. Designed for accessible dialogs, menus, overlays, popovers.
Install
npm i @y14e/portal// npm
import { createPortal } from '@y14e/portal';
// CDNs
import { createPortal } from 'https://esm.sh/@y14e/[email protected]';
// or
import { createPortal } from 'https://cdn.jsdelivr.net/npm/@y14e/[email protected]/+esm';
// or
import { createPortal } from 'https://esm.unpkg.com/@y14e/[email protected]';📦 APIs
createPortal
Creates a portal and preserves keyboard focus order between the original DOM and the portal.
const cleanup = createPortal(host, container);
// => () => void
//
// host: Element
// container (optional): Element (default: <body>)Demo
https://y14e.github.io/portal/
