Basic Components
Estados
Os estados definem como o componente se comporta em diferentes situações, oferecendo feedback ao usuário.
Lable
(opcional)
Text
!
Caption
Invalid (Inválido): O estado de erro ocorre quando o valor inserido não atende aos critérios esperados.
Basic Components
Text input
O Text Input é um campo de entrada que permite ao usuário digitar informações de forma clara e intuitiva. Ele é composto pelo campo de entrada, onde o texto é inserido, pelo label, que indica o propósito do campo, e pelo placeholder, que sugere um exemplo de preenchimento.
Simples e versátil, o Text Input é amplamente utilizado em formulários, buscas e cadastros.
Estados
Os estados definem como o componente se comporta em diferentes situações, oferecendo feedback ao usuário.
Lable
(opcional)
Text
Default (Padrão): Estado inicial, sem interação.
Lable
(opcional)
Text
Selected (Selecionado): Ao clicar, mostra que o componente foi escolhido ou ativado, destacando-o de outros elementos.
Lable
(opcional)
Text
Valid (Válido): Valor inserido é aceito e validado.
Lable
(opcional)
Text
!
Caption
Invalid (Inválido): O estado de erro ocorre quando o valor inserido não atende aos critérios esperados.
Lable
(opcional)
Text
Disable (Desabilitado): Componente inativo, sem possibilidade de interação.
Lable
(opcional)
Text
Focus (Foco): Indica quando o campo está ativo pelo teclado ou clique.
Lable
(opcional)
Text
Hover (Passagem do Mouse): Mostra que o componente é interativo ao passar o cursor.