Pular para o conteúdo principal

Componente Dropdown


📘 Modo de Uso

O componente Dropdown permite a seleção de opções a partir de uma lista suspensa. Ele pode ser usado em diferentes contextos onde a escolha de uma opção entre várias é necessária, como em formulários, filtros ou seleções de preferências.


🧩 Anatomia

Anatomia do componente Dropdown


📋 Propriedades

Propriedades do componente Dropdown


⌨️ Código

opl.input.component.dropdown


🎨 Variantes

Estados

Variações de estados do Dropdown

Tipos

Tipos de variações do Dropdown

Opções

Variações de opções do Dropdown


📃 Observações

  • A estrutura modular permite a inserção de ícones, descrições e divisórias entre os itens.
  • Nota: em relação ao conteúdo exibido no menu aberto do dropdown, este componente pode receber qualquer outro componente do DS (ou personalizável). Para isso, deve-se aplicar o valor slot à propriedade typeOfContent e ocultar itens excedentes ao que se pretende exibir.
  • O mesmo processo se aplica a outros componentes que utilizam slot.