@treetrum/react-treemodal

React TreeModal

Very simple modal utility component. Handles common use cases like:

• Centered, then scrolls when content is too long
• Escape to close
• Click overlay to close

Sample Usage:

import TreeModal from "@treetrum/react-treemodal";

const Modal = () => {
    const [isOpen, setIsOpen] = React.useState(false);
    return (
        <TreeModal
            isOpen={isOpen}
            onClose={() => {
                setIsOpen(false);
            }}
        >
            <h1>Modal Title</h1>
            <p>
                Aliquam diam augue, hendrerit vitae orci quis, suscipit
                condimentum mi...
            </p>
        </TreeModal>
    );
};

Exported Components

TreeModal - Default Export

Props

Prop Name	Required	Type	Default Value
isOpen	true	boolean	null
children	true	React.Children	null
onClose	true	() => void	null
overlayColor	false	string	rgba(0, 0, 0, 0.5)