0.0.4 • Published 7 years ago
@mambasdk/dialog v0.0.4
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.