Interface DropdownProps

Define os tipos de arquivos que o campo de input do tipo "file" aceitará para upload.

     <Input
         type="file"
         accept=".jpg,.png"
       />    
Copy

Indica se o input deve receber foco automaticamente.

Controla o preenchimento automático de campos de input com valores previamente inseridos pelo usuário.

     <Input
           autocomplete="username"
       />    
Copy

Quando definido como true, o campo de input receberá o foco automaticamente quando a página for carregada.

     <Input
           autofocus={true}
       />    
Copy

Indica se o input está desabilitado.

Indica se o buttonSearch está desabilitado. Ele estará visível, mas não será possível utilizar.

Preenche o ID do elemento (não tem muito uso prático)

O atributo inputMode especifica o tipo de entrada esperada em um campo de texto. Ele pode ser usado para sugerir ao navegador o teclado virtual apropriado para exibição em dispositivos móveis.

Valores aceitos:

• text: Entrada de texto normal.
• email: Endereços de e-mail.
• numeric: Entrada numérica.
• decimal: Entrada numérica com dízimas.
• tel: Números de telefone.
• url: URLs.
• search: Termos de pesquisa.

Define o valor máximo permitido em campos de input do tipo "number".

     <Input
      type="number"
      max={100}
  />    
Copy

O limite de caracteres do input

Define o valor mínimo permitido em campos de input do tipo "number".

     <Input
           type="number"
           min={0}
       />    
Copy

Quando definido como true, o checkbox será exibido como marcado por padrão.

     <Input
           minLength={6}
       />    
Copy

Quando definido como true em campos de input do tipo "file", permite que os usuários selecionem vários arquivos para upload.

     <Input
          multiple={20}
       />    
Copy

Define o atributo name do elemento de input. Esse atributo é frequentemente usado em formulários para identificar os campos quando os dados são enviados.

     <Input
          name="username"
       />    
Copy

Especifica uma expressão regular que o valor do campo de input deve corresponder para ser considerado válido.

     <Input
           pattern="[A-Za-z]+"
       />    
Copy

A dica ou instrução breve para o usuário sobre o valor esperado no campo de entrada.

Define se o campo de input é somente leitura. Quando definido como true, os usuários não poderão editar o conteúdo do campo.

     <Input
           readonly={true}
       />    
Copy

Indica se o campo de input é obrigatório. Se definido como true, um aviso será exibido se o usuário tentar enviar o formulário sem preencher este campo.

     <Input
          required={true}
       />    
Copy

Variantes visuais do input

     <Input
         type="search"
         searchButtonVariant="ghost"
       />    
Copy

Indica se o botão que limpa o input está visível.

  <Input
         type="search"
         showClearInput={false}
       />
Copy

Exibe o botão de busca Você pode utilizar um type="search" e mesmo assim não mostrar o botão de pesquisa utilizando showSearchButton={false} O valor padrão é false, mas quando type=search o valor padrão é true.

     <Input
         type="search"
         showSearchButton={false}
       />    
Copy

Especifica a largura visual do campo de input, geralmente em caracteres ou pixels, dependendo da implementação.

     <Input
          size={20}
       />    
Copy

Determina se o corretor ortográfico do navegador deve verificar o conteúdo do campo de input.

     <Input
            spellcheck={true}
       />    
Copy

Especifica a largura visual do campo de input, geralmente em caracteres ou pixels, dependendo da implementação.

       <Input
           type="number"
           step={0.5}
       />   
Copy

O tipo de input. Valores aceitos: "text", "number", "password", "email", "file", "search"

O valor atual do input.

Determina o estado visual do componente e seus filhos.