Dialog

O módulo Dialog é composto por 3 componentes: Dialog, ConfirmationDialog e PromisedDialog. Cada um desses componentes cria um modal próprio de tela cheia com suas especificações. Por exemplo: O PromisedDialog é exibido durante a excução de uma Promise e após sua conclusão fecha o modal, já o ConfirmationDialog exibe uma tela com dois botões que controlam o fluxo da aplicação. Para casos de apenas uma exibição de mensagem durante um período de tempo, o uso do Dialog é aconselhável.

Parâmetros

<Dialog ...props />

| Parâmetro | Descrição | Tipo | Padrão | |-------------|--------------------------------------------------------|-----------------|------------| | align | Alinha o conteúdo do Modal. (left, right, center)| string | center | | bgColor | Define a cor de fundo do Modal | string | '#e3e3e3'| | textColor | Define a cor do texto do Modal | boolean | '#4a4a4a'| | title | Título do Modal | string | undefined|

<ConfirmationDialog ...props />

| Parâmetro | Descrição | Tipo | Padrão | |---------------|--------------------------------------------------------|-----------------|--------------| | negativeLabel | Texto no Botão de Confirmação Negativa | string | 'Cancelar' | | positiveLabel | Texto no Botão de Confirmação Positiva | string | 'Confirmar'|

<PromisedDialog ...props />

| Parâmetro | Descrição | Tipo | Padrão | |-------------|---------------------------------------------------------|-----------------|------------| | delay | Tempo de espera depois de executar a Promise | string | 'right' | | promise | A Promise a ser executada | boolean | false |

Métodos

open(duration)

Abre o Dialog e o mantém aberto pelo tempo especificado.

close(delay)

Fecha o Dialog após o tempo especificado.