This prop set the shape of the component. Only default state yet.

This prop set the view of the component. Only default state yet: smooth.

This prop set the color of the component. Only default state yet.

A space-delimited list of class names to pass along to a child element.

Position of a drawer. All angled positions will be casted into pure positions. Possible states are top | bottom | left | right.

CSS size of the drawer. This sets width. For example, size = '360px'

Title of the dialog. If provided, an element with DIALOG_HEADER will be rendered inside the dialog before any children elements.

Name of a Blueprint UI icon (or an icon element) to render in the drawer's header. Note that the header will only be rendered if title is provided.For example, "tick" or <Icon icon="tick" iconSize={24} />

A callback that is invoked when user interaction causes the overlay to close, such as clicking on the overlay or pressing the esc key (if enabled).

Whether a container-spanning backdrop element should be rendered behind the contents. The default state is true

Whether to show the close button in the dialog's header. Note that the header will only be rendered if title is provided. The default state is true

Indicates how long (in milliseconds) the overlay's enter/leave transition takes. This is used by React CSSTransition to know when a transition completes and must match the duration of the animation in CSS. Only set this prop if you override default transitions with new transitions of a different length.

Whether the overlay should be wrapped in a Portal, which renders its contents in a new element attached to portalContainer prop. This prop essentially determines which element is covered by the backdrop: if false, then only its parent is covered; otherwise, the entire page is covered (because the parent of the Portal is the body itself). Set this prop to false on nested overlays (such as Dialog or Popover) to ensure that they are rendered above their parents.