Formulário

Select

Menu dropdown para seleção de opções.

Uso

Use o elemento <y-select> no seu HTML:

html

<y-select label="Categoria" placeholder="Selecione...">  <y-select-item value="roupas">Roupas</y-select-item>  <y-select-item value="eletronicos">Eletrônicos</y-select-item>  <y-select-item value="acessorios">Acessórios</y-select-item></y-select>

Exemplos

Padrão

Propriedades

Propriedade	Tipo	Padrão	Descrição
`label`	`string`	—	Rótulo do campo
`placeholder`	`string`	—	Texto placeholder
`value`	`string`	—	Valor selecionado
`disabled`	`boolean`	`false`	Desabilita o campo

Importação

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/select.js';

Acessibilidade

Suporta navegação por teclado
Utiliza atributos ARIA apropriados
focus-visible para indicação de foco