Root Portal

It is generally used to create a React element at the root node (document.body), and is usually used to create pop-up windows that are not affected by the "transform", "filter", and "perspective" attributes.

As an abstract component, it is currently the same as the following plugins:

  • ✅ Modal Dialog
  • ✅ Select
  • ✅ Cascading Select
  • ✅ Cascading Select End-to-end
  • ✅ Dropdown Menu
  • ✅ Event Calendar Timeline
  • ✅ Live Search
  • ✅ Toast
  • ✅ Tooltip
  • ✅ Date

General


import React from "react";
import RootPortal from 'funda-ui/RootPortal';
 
export default () => {
 
    return (
        <>
 
            <RootPortal show={true}>
                <h4>This is a modal content</h4>
            </RootPortal>
 
 
        </>
    );
}

API

Root Portal

import RootPortal from 'funda-ui/RootPortal';
PropertyTypeDefaultDescriptionRequired
containerClassNamestring-The class name of container-
showbooleanfalseWhether the container is visible or not