Campos de entrada

Avatar profile picker

Um cartão de configuração de perfil: um estágio de avatar cujo anel brilhante é recolorido a cada seleção, uma faixa de miniaturas para alternar avatares e um campo de nome de usuário validado.

Pick your avatar

Choose a look, then claim a handle to finish setting up.

Username

0/20

Como usar Avatar profile picker

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: heading, username, minLength, avatarCount

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

2801Compact select menuCampos de entradaUm botão de disparo que abre uma lista flutuante de opções, com a escolha atual mostrada no botão e uma marca ao lado dela na lista.

2772Model picker prompt boxCampos de entradaEscreva uma instrução, escolha um modelo e anexe um arquivo local com retorno explícito.

2297Addon Input GroupCampos de entradaUm campo de texto envolto em um shell com borda que pode conter um ícone inicial, um botão final ou texto e compartilha um anel de foco em todo o grupo.

2108Appointment Range CardCampos de entradaUm cartão que combina uma grade de data de um único mês com um campo de hora de início e de término abaixo dela, para escolher um dia mais uma janela de tempo em um bloco compacto.

2109Appointment Scheduler CardCampos de entradaUm seletor de data único emoldurado dentro de um cartão intitulado com um botão pular para hoje no canto, projetado para agendar um compromisso.

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.