# mount-at-selector **Repository Path**: mirrors_josdejong/mount-at-selector ## Basic Information - **Project Name**: mount-at-selector - **Description**: Render React components like a Modal outside the main React app - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-08-09 - **Last Updated**: 2026-02-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # MountAtSelector This React component allows rendering components like a Modal outside the main React app. Inspired by a blog of Ryan Zec: https://blog.komand.com/how-to-render-components-outside-the-main-react-app # Install ``` npm install --save mount-at-selector ``` # Use Create an extra container like `#myModal` in your HTML: ```html

``` Create a `MountAtSelector` component in your React app: ```jsx import React from 'react' import ReactDOM from 'react-dom' import MountAtSelector from 'mount-at-selector' ReactDOM.render(

Content rendered inside the React app...

I'm rendered inside the #myModal element, outside of the React app.

, document.getElementById('app') ) ``` # Demo See the folder `/src` for a full demo. To run the demo, clone the git project and run `npm install; npm start` in the root of the project. # API ``` ... ``` Properties: - `selector`
A query selector like `'#myModal'` or a DOM element like `document.getElementById('myModal)`. You can attach multiple `MountAtSelector` components at the same selector. # License MIT