Modal
Dialog overlay for important content. Modals disable interaction with the rest of the page until dismissed.
Basic Modal
A simple modal that can be opened and closed.
Main Props
| Name | Type | Default | Description |
|---|---|---|---|
open required | boolean | - | Whether the modal is open |
onClose required | (e: React.MouseEvent<HTMLElement>) => void | - | Callback when backdrop is clicked |
transitionType | 'opacity' | 'y' | 'fadeScale' | 'opacity' | Animation style of the content |
children | React.ReactNode | - | Modal content |
Class Props
| Name | Type | Default | Description |
|---|---|---|---|
classNameRoot | string | '' | Class for the root container |
classNameBackdrop | string | '' | Class for the backdrop |
classNameWrapperContent | string | '' | Class for the wrapper element |
classNameContent | string | '' | Class for the modal content |