Campos de entrada

Clean Text Field

Uma 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.

Password

Como usar Clean Text Field

Uma 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.

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: label, placeholder, accentColor, invalid, 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, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

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.

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.

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.

2050Spring dot radio groupCampos de entradaUm grupo de rádio cujo ponto selecionado surge com um pequeno overshoot enquanto o ponto anterior diminui, cruzando em vez de se encaixar.