Package Exports

react-minimalist-portal

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-minimalist-portal) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-minimalist-portal

A minimalist portal for react. Create a new React tree in document.body to create modal etc .. This package is compatible with react 15 and 16.

Usage

import React from 'react';
import Portal from 'react-minimalist-portal';

export default class App extends React.Component {
  render() {
    return (
      <Portal>
        <p>I am in document body.</p>
      </Portal>
    );
  }
}

// If you want to render the portal inside your own container
const container = document.getElementById('my-custom-container-id');

export default class App extends React.Component {
  render() {
    return (
      <Portal container={container}>
        <p>I am in my-custom-container-id.</p>
      </Portal>
    );
  }
}

Props

container - optional - You can specify a container prop which should be of Element type. The portal will be rendered inside that element. The default behavior will create a div node and render it at the at the end of document.body.