Implements a simple themeable modal window.
TODO: This is a raw description of the component, should be improved
topcoder-react-utils exports two versions of the modal component,
BaseModal
implements a non-themed version, and Modal
is its version
wrapped into a default style, using react-css-super-themr
lib.
Both BaseModal and Modal components accept:
Prop | Type | Default | Description |
---|---|---|---|
children | ReactJS Node | null |
Modal content to render. |
onCancel | Function |
noop |
Callback to trigger when the modal is closed. |
BaseModal accepts additionally theme prop, which should be an object,
and defaults to {}
. Theme object may have the following fields:
Field | Description |
---|---|
container | CSS class to apply to the BaseModal root container. |
overlay | CSS class to apply to the overlay opened behind the BaseModal |