Input (email)

Click to copy

Campo de entrada para e-mail


Configurações de Look and Feel:

Label(não obrigatório) - etiqueta para entrada.

Placeholder(não obrigatório) - espaço reservado à entrada.

Name(obrigatório) - nome da entrada.

Tooltip(não obrigatório) - dica para a entrada.

Required(obrigatório) - torna o campo obrigatório. Desactivado por defeito.

Allow clear (obrigatório) - ícone para limpar a entrada. Desactivado por defeito.

Validate icon (obrigatório) - validar o ícone para entrada. Desactivado por defeito.

Disabled(obrigatório) - torna o componente desactivado se estiver ligado. É desactivado por defeito.

Visible(obrigatório) - torna o componente visível se estiver ligado. Activado por defeito.


Despoletadores de fluxo de trabalho:

  • onCreate- dispara quando o elemento é criado na página;
  • onShow- dispara quando o componente muda o seu estado para visível (exibido na página);
  • onHide- dispara quando o componente muda o seu estado para oculto (deixa de ser exibido);
  • onDestroy- dispara antes de o componente ser destruído;
  • onChange- dispara quando o valor é alterado;
  • onFocus- dispara quando o componente está a ser focado;
  • onBlur- dispara quando o componente está desfocado;
  • onEnterKey- dispara quando o Enter é premido.

Acções Componentes:

InputEmail Get Properties

Obtém as propriedades do componente.

Parâmetros de entrada:

  • Component Id [string] - O identificador do componente de entrada.

Parâmetros de saída:

  • Label[string] - etiqueta de entrada;
  • Placeholder[string] - espaço de entrada;
  • Allow clear[boolean] - estado de permissão livre;
  • Disable[boolean] - desactiva o componente se for verdadeiro;
  • Visible[boolean] - estado de visibilidade do componente;
  • Tooltip[string] - dica do campo de entrada;
  • Required[boolean] - mostra a marca requerida, se for verdadeira;
  • Debounce (ms) [integer] - atraso para validar o valor;
  • Value[email] - valor de entrada;
  • Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
  • Validate Status [Status type] - estado a ser mostrado ao validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor.

InputEmail Set Properties

Define as propriedades do componente.

Parâmetros de entrada:

  • Component Id [string] - identificador do componente de entrada;
  • Label[string] - etiqueta de entrada;
  • Placeholder[string] - espaço reservado à entrada;
  • Allow clear[boolean] - estado de permitir a clareza;
  • Disable[boolean] - desactiva o componente se for verdadeiro;
  • Visible[boolean] - estado de visibilidade do componente;
  • Tooltip[string] - dica do campo de entrada;
  • Required [boolean] - mostra a marca requerida, se for verdadeira;
  • Debounce (ms) [integer] - atraso para validar o valor;
  • Value[email] - valor de entrada;
  • Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
  • Validate Status[Status type] - estado a ser mostrado ao validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor.

InputEmail Update Properties

Actualiza as propriedades do componente.

Parâmetros de entrada:

  • Component Id [string] - identificador do componente de entrada;
  • Label[string] - etiqueta de entrada;
  • Placeholder[string] - espaço reservado à entrada;
  • Allow clear[boolean] - estado de permitir a clareza;
  • Disable[boolean] - desactiva o componente se for verdadeiro;
  • Visible[boolean] - estado de visibilidade do componente;
  • Tooltip[string] - dica do campo de entrada;
  • Required [boolean] - mostra a marca requerida, se for verdadeira;
  • Debounce (ms) [integer] - atraso para validar o valor;
  • Value[email] - valor de entrada;
  • Validate Icon [boolean] - ícone a ser mostrado em validar o valor;
  • Validate Status[Status type] - estado a ser mostrado ao validar o valor;
  • Validate Message [string] - mensagem a ser mostrada ao validar o valor.


Exemplo de utilização

Input (email) adequado para utilização em formulários de registo e autorização