Dialog
Import
import { Dialog } from '@resultadosdigitais/tangram-components'
Properties
aria-describedby
| Type | string |
|---|
Description
Gives the dialog an accessible name by referring to the element that provides the dialog title.
aria-labelledby
| Type | string |
|---|
Description
Gives the dialog an accessible description by referring to the dialog content that describes the primary message or purpose.
children
disableEscapeKeyDown
disableOutsideClick
hideOverlay
onClose
| Type | func |
|---|---|
| Param | event React.SyntheticEvent - The event source of the callback. |
Description
Callback fired when the Dialog is closed.
onEscapeKeyDown
| Type | func |
|---|---|
| Param | event React.SyntheticEvent - The event source of the callback. |
Description
Callback fired when the ESC key is pressed.
onOutsideClick
| Type | func |
|---|---|
| Param | event React.SyntheticEvent - The event source of the callback. |
Description
Callback fired when a click outside is triggered.
open
<DialogActions />
Import
import { DialogActions } from '@resultadosdigitais/tangram-components'
Properties
children 📍
| Concerns | 📍 Required |
|---|---|
| Type | node |
Description
Should be one of <Button />, <IconButton /> or <LinkButton /> OR one <ButtonGroup />
<DialogContent />
Import
import { DialogContent } from '@resultadosdigitais/tangram-components'
Properties
children
<DialogHeader />
Import
import { DialogHeader } from '@resultadosdigitais/tangram-components'
Properties
children
Feedback
Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.