LxComponents

LxMessageBox ​

Visão geral ​

O LxMessageBox é um componente de mensagens baseado em SweetAlert2 que simplifica a exibição de feedbacks visuais em forma de alertas, notificações e confirmações.

ℹ info(message, title) ​

Exibe uma mensagem informativa.

  • message String: O conteúdo da mensagem.
  • title String opcional: O título da mensagem. O padrão é 'Informação'.
javascript
LxMessageBox.info('Esta é uma mensagem informativa.');
LxMessageBox.info('Esta é uma mensagem informativa.');

✅success(message, title) ​

Exibe uma mensagem de sucesso.

  • message String: O conteúdo da mensagem.
  • title String opcional: O título da mensagem. O padrão é 'Sucesso!'.
javascript
LxMessageBox.success('Operação concluída com sucesso!', 'Sucesso na operação');
LxMessageBox.success('Operação concluída com sucesso!', 'Sucesso na operação');

✅successNotification(message, timer) ​

Exibe uma mensagem de sucesso no estilo toast.

  • message String: O conteúdo da notificação.
  • timer Number opcional: A duração da notificação em milissegundos. Se não fornecido, será calculado automaticamente com base no número de palavras no texto da notificação.
javascript
LxMessageBox.successNotification('Dados salvos com sucesso.');
LxMessageBox.successNotification('Dados salvos com sucesso.');

⚠warning(message, title) ​

Exibe uma mensagem de alerta.

  • message String: O conteúdo da mensagem.
  • title String opcional: O título da mensagem. O padrão é 'Alerta'.
javascript
LxMessageBox.warning('Atenção! Este é um aviso importante.');
LxMessageBox.warning('Atenção! Este é um aviso importante.');

⚠warningNotification(message, timer) ​

Exibe uma mensagem de alerta no estilo toast.

  • message String: O conteúdo da notificação.
  • timer Number opcional: A duração da notificação em milissegundos. Se não fornecido, será calculado automaticamente com base no número de palavras no texto da notificação.
javascript
LxMessageBox.warningNotification('Atenção! Este é um aviso importante.');
LxMessageBox.warningNotification('Atenção! Este é um aviso importante.');

❌error(message, title) ​

Exibe uma mensagem de erro.

  • message String: O conteúdo da mensagem.
  • timer Number opcional: O título da mensagem. O padrão é 'Ops!'.
javascript
LxMessageBox.error('Ocorreu um erro durante o processamento.');
LxMessageBox.error('Ocorreu um erro durante o processamento.');

❔question(message, title) ​

Exibe uma mensagem de erro.

  • message String: O conteúdo da mensagem.
  • title String opcional: O título da mensagem. O padrão é 'Confirmação'.
javascript
LxMessageBox
	.question('Tem certeza que deseja excluir este item?')
	.then((result) => {
		LxMessageBox.success('Confirmado!');
	})
	.catch((result) => {
		if (result.closed) {
			LxMessageBox.success('Confirmação foi fechada');
		} else {
			LxMessageBox.warning('Não confirmado');
		}
	});
LxMessageBox
	.question('Tem certeza que deseja excluir este item?')
	.then((result) => {
		LxMessageBox.success('Confirmado!');
	})
	.catch((result) => {
		if (result.closed) {
			LxMessageBox.success('Confirmação foi fechada');
		} else {
			LxMessageBox.warning('Não confirmado');
		}
	});