Flash

Componente para notificação de informações ou erros.

Props

message Node

ReactNode contendo o(s) erro(s) apresentados na notificação.

default: ''
/*String*/
message: "Campo 'product' vazio."

/*Usando JSX*/
message: (
  <ul>
    <li>Campo 'product' vazio.</li>
    <li>Campo 'price' vazio.</li>
  <ul>
)

/*Usando JS*/
// lista de erros
var errors = [
  "Campo 'product' vazio.",
  "Campo 'price' vazio."
];
// nas props
message: (
  React.createElement('ul', {},
    errors.forEach(function(error) {
      React.createElement('li', {}, error);
    })
  )
)

type String

Tipo de notificação. Notificações flash podem ser do tipo "info", "warning", "error" ou "success".

default: "info"

dismissTimeout Number

Tempo de permanência da notificação, em ms. Caso o valor seja -1, a notificação permanece indefinidamente.

default: -1

canDismiss Boolean

Caso true, indica que a notificação pode ser fechada pelo usuário.

default: true

dismissed Boolean

Caso true, indica que a notificação foi fechada. Caso o valor seja true, o componente não é renderizado.

default: false

onDismiss Function

Função de callback, que é executada após a notificação flash ser fechada.

default: function() {return true;}