O select é um botão que abre uma lista de opções. Passe options, um array de NuiOption, e vincule [(value)], ou [(values)] com multiple. Ele também funciona com Signal Forms, formulários reativos e ngModel.
As opções podem ter um group, uma description e keywords, e children transforma a lista em uma árvore. Acima de 200 linhas, só as linhas visíveis são renderizadas, então 100.000 opções abrem tão rápido quanto dez.
Se preferir digitar e filtrar, use o combobox.
Grupos
Opções com um group aparecem sob o título dele. Digitar uma letra pula para a próxima opção que começa com ela.
Chosen: it. Type “s” to jump to Spain, again for Switzerland.
Várias de uma vez
multiple mantém a lista aberta e vincula [(values)]. selectAll adiciona um botão que marca ou desmarca todas as opções. Opções desativadas não podem ser escolhidas.
2 toppings. The list stays open while you pick.
Árvore
Opções com children formam uma árvore. A lista abre com as pastas da opção escolhida expandidas.
Chosen: website/pages. → opens a folder and ← closes it.
Listas longas
Todos os fusos horários, por região. Acima de 200 linhas, só as linhas visíveis são renderizadas, e a opção ativa continua renderizada para os leitores de tela.
About 400 options, but only the rows in view are rendered.