Dialog Header

Header module variants to be used in Modal dialogs and popovers.

About RTL and icon mirroring

The icons are slots passed to the component. It is the developer's responsibility to pass a mirrored icon for RTL views, (ie, pass left or right arrows depending on the direction).

Title of the modal
Title of the modal

Title of the modal

Title of the modal

Title of the modal title of the modal title of the modal

Title of the modal title of the modal title of the modal

Props for Dialog Header component

NameTypeRequiredDefaultDescription
backButtonJSX.ElementNo-Back button icon or element
closeButtonJSX.ElementNo-Close icon or element
iconsJSX.Element[]No-Array of icons
isDividerbooleanNofalseAdd border bottom and paddings for header