1.2.0 • Published 4 years ago

@treetrum/react-treemodal v1.2.0

Weekly downloads
-
License
ISC
Repository
github
Last release
4 years ago

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 NameRequiredTypeDefault Value
isOpentruebooleannull
childrentrueReact.Childrennull
onClosetrue() => voidnull
overlayColorfalsestringrgba(0, 0, 0, 0.5)
1.2.0

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.2

4 years ago

1.0.3

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago