svelte-portal
A Svelte component and action for rendering elements outside their parent component's DOM hierarchy.
What is svelte-portal?
Svelte Portal is a Svelte library that enables rendering components or elements outside their parent component's DOM hierarchy. It solves the problem of creating UI elements like modals, tooltips, or notifications that need to escape parent styling, clipping, or positioning constraints by allowing them to be placed elsewhere in the DOM, such as directly in the body.
Svelte developers building applications that require modals, dropdowns, tooltips, notifications, or other UI elements that must render outside their parent component's DOM tree.
Developers choose Svelte Portal for its simplicity, dual API (component and action), and lightweight approach to a common Svelte need, without the overhead of larger UI libraries.
Overview
Svelte component for rendering outside the DOM of parent component
Use Cases
Best For
- Creating modals that overlay the entire page
- Building tooltips that escape parent overflow:hidden
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.