DialogContent component quickly gives your content consistent spacing inside a dialog component as well as managing overflow of content of the dialog is taller than the viewport.
DialogContent supports all
If content overflows the component's height an visual indicator of content that extends beyond the visible edges is added (border on top and shadow on the bottom).
Scroll down here...
DialogHeader is attached to the top of dialog and provides a button to close the containing Dialog. Uses the
DialogContext to get access to the
DialogHeader supports all
hideCloseproperty remove the "close"
detailproperty allows the developer to specify a ReactNode that will replace the "close"
DialogFooter is attached to the bottom of dialog. Generally, the terminal action for a dialog as well as an option to abandon the process done via the dialog are available within this component. This component is generally used in combination with the
DialogContext.Provider to get access to the
DialogFooter supports all