Modal

Display popup content that requires attention or provides additional information.

Import

import { Modal } from 'raw-ui';

Default

Not close modal on overlay click

API

PropDescriptionTypeDefault
visibleopen or close (controlled)booleanfalse
closeOnOverlayClickwhether or not close on overlay clickbooleanfalse
widthmodal widthstring'540px'
onCloseclose event handler() => void-
...native propsReact.HTMLAttributes-

Modal.Header

PropDescriptionTypeDefault
...native propsReact.HTMLAttributes-

Modal.Body

PropDescriptionTypeDefault
...native propsReact.HTMLAttributes-

Modal.Footer

PropDescriptionTypeDefault
...native propsReact.HTMLAttributes-