Optional acceptDefine os tipos de arquivos que o campo de input do tipo "file" aceitará para upload.
<Input
type="file"
accept=".jpg,.png"
/>
Optional autoIndica se o input deve receber foco automaticamente.
Optional autocompleteControla o preenchimento automático de campos de input com valores previamente inseridos pelo usuário.
<Input
autocomplete="username"
/>
Optional autofocusQuando definido como true, o campo de input receberá o foco automaticamente quando a página for carregada.
<Input
autofocus={true}
/>
Optional checkedOptional disabledIndica se o input está desabilitado.
Optional disabledIndica se o buttonSearch está desabilitado. Ele estará visível, mas não será possível utilizar.
Optional idPreenche o ID do elemento (não tem muito uso prático)
Optional inputO 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.Optional maxDefine o valor máximo permitido em campos de input do tipo "number".
<Input
type="number"
max={100}
/>
Optional maxO limite de caracteres do input
Optional minDefine o valor mínimo permitido em campos de input do tipo "number".
<Input
type="number"
min={0}
/>
Optional minQuando definido como true, o checkbox será exibido como marcado por padrão.
<Input
minLength={6}
/>
Optional multipleQuando definido como true em campos de input do tipo "file", permite que os usuários selecionem vários arquivos para upload.
<Input
multiple={20}
/>
Optional nameDefine 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"
/>
Optional onFunção chamada quando o input perde o foco.
O valor do input.
Função chamada quando o valor do input é alterado.
O valor do input.
Optional onFunção chamada quando o input ganha o foco.
O valor do input.
Optional onFunção que será executada ao apertar o botão de busca do input
<Input
type="search"
onSearchButtonPress={() => console.log("search")}
/>
Optional patternEspecifica uma expressão regular que o valor do campo de input deve corresponder para ser considerado válido.
<Input
pattern="[A-Za-z]+"
/>
Optional placeholderA dica ou instrução breve para o usuário sobre o valor esperado no campo de entrada.
Optional readonlyDefine 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}
/>
Optional requiredIndica 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}
/>
Optional searchVariantes visuais do input
<Input
type="search"
searchButtonVariant="ghost"
/>
Optional showIndica se o botão que limpa o input está visível.
<Input
type="search"
showClearInput={false}
/>
Optional showExibe 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}
/>
Optional sizeEspecifica a largura visual do campo de input, geralmente em caracteres ou pixels, dependendo da implementação.
<Input
size={20}
/>
Optional spellcheckDetermina se o corretor ortográfico do navegador deve verificar o conteúdo do campo de input.
<Input
spellcheck={true}
/>
Optional stepEspecifica a largura visual do campo de input, geralmente em caracteres ou pixels, dependendo da implementação.
<Input
type="number"
step={0.5}
/>
Optional typeO tipo de input. Valores aceitos: "text", "number", "password", "email", "file", "search"
Optional valueO valor atual do input.
Optional visualDetermina o estado visual do componente e seus filhos.
Valores padrão aceitos para elementos de entrada de dados.