Skip to main content

Dialog

Import​

import { Dialog } from '@resultadosdigitais/tangram-components'

Properties​

aria-describedby​

Typestring

Description​

Gives the dialog an accessible name by referring to the element that provides the dialog title.

aria-labelledby​

Typestring

Description​

Gives the dialog an accessible description by referring to the dialog content that describes the primary message or purpose.

children​

Typenode
Defaultnull

Description​

Sets the children.

disableEscapeKeyDown​

Typebool
Defaultfalse

Description​

Sets if close pressing ESC key is disabled.

disableOutsideClick​

Typebool
Defaultfalse

Description​

Sets if close in outside click is disabled.

hideOverlay​

Typebool
Defaultfalse

Description​

Sets if the overlay is hidden (not rendered).

onClose​

Typefunc
Paramevent React.SyntheticEvent - The event source of the callback.

Description​

Callback fired when the Dialog is closed.

onEscapeKeyDown​

Typefunc
Paramevent React.SyntheticEvent - The event source of the callback.

Description​

Callback fired when the ESC key is pressed.

onOutsideClick​

Typefunc
Paramevent React.SyntheticEvent - The event source of the callback.

Description​

Callback fired when a click outside is triggered.

open​

Typebool
Defaultfalse

Description​

Sets if is open.

<DialogActions />​

Import​

import { DialogActions } from '@resultadosdigitais/tangram-components'

Properties​

children πŸ“β€‹

Concerns
πŸ“ Required
Typenode
Description​

Should be one of <Button />, <IconButton /> or <LinkButton /> OR one <ButtonGroup />

<DialogContent />​

Import​

import { DialogContent } from '@resultadosdigitais/tangram-components'

Properties​

children​

Typenode
Defaultnull
Description​

Sets the children

<DialogHeader />​

Import​

import { DialogHeader } from '@resultadosdigitais/tangram-components'

Properties​

children​

Typenode
Defaultnull
Description​

Sets the children

Feedback​