@mambasdk/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 `

Stats

StarsIssuesVersionUpdatedCreatedSize
@mambasdk/dialog
0.0.43 years ago3 years agoMinified + gzip package size for @mambasdk/dialog in KB

Readme

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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.