Campos de entrada

Text field

Um campo de texto de linha única com uma borda suave, um anel de foco acentuado, um espaço reservado para silenciamento e um estado desativado adequado.

Como usar Text field

Um campo de texto de linha única com uma borda suave, um anel de foco acentuado, um espaço reservado para silenciamento e um estado desativado adequado.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: placeholder, accent, disabled

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2792Auto Grow TextareaCampos de entradaUm campo de texto de várias linhas que fica mais alto à medida que a pessoa digita mais, em vez de rolar dentro de uma caixa fixa.

2321Clean Text FieldCampos de entradaUma entrada de texto simples e com bordas para um formulário rotulado: neutro em repouso, um anel de destaque nítido em foco, silenciado quando desativado.

1529Floating label inputCampos de entradaUm campo de texto cujo rótulo fica dentro da caixa e sobe até a borda superior quando o campo está em foco ou quando o campo tem um valor, com aparência em foco, válida e inválida.

2356Focus ring text inputCampos de entradaUm campo de texto de linha única com um espaço reservado silenciado e um anel de destaque sólido que aparece apenas em foco.

2393Passcode slot inputCampos de entradaUm campo one-time-passcode de slots de borda compartilhada e fundidos sobre uma entrada oculta, com um cursor piscando no slot vazio ativo.

2791Single value sliderCampos de entradaUm controle deslizante horizontal com um polegar arrastável que preenche a trilha atrás dele para que o valor atual seja lido rapidamente.