Introdução do componente Input, que encapsula uma <div> com dois elementos filhos:
Label : Extensão da tag HTML <label>.
Input : Extensão da tag HTML <input>.
Tratamento do Tipo Password:
Ao utilizar o parâmetro type: password, a funcionalidade de alternar a visibilidade do texto será automaticamente configurada, incluindo um ícone de olho para essa alternância.
Variantes de estilo:
primary: Estilo com label roxo e borda sólida no input.
secondary: Estilo com label preto e borda tracejada no input.
Integração com Tailwind CSS:
Utilização de classes do Tailwind CSS para estilização.
Combinação dinâmica de classes utilizando twMerge.
Pull Request em desenvolvimento:
1. Componetização do Input
Criação de um Componente Reutilizável:
Input, que encapsula uma<div>com dois elementos filhos:Label: Extensão da tag HTML<label>.Input: Extensão da tag HTML<input>.Tratamento do Tipo Password:
type: password, a funcionalidade de alternar a visibilidade do texto será automaticamente configurada, incluindo um ícone de olho para essa alternância.Variantes de estilo:
primary: Estilo com label roxo e borda sólida no input.secondary: Estilo com label preto e borda tracejada no input.Integração com Tailwind CSS:
twMerge.