Skip to main content
Exibe os controles de usabilidade da página de categoria em mobile: dropdown de ordenação, toggle de layout (grade/lista) e botão para abrir o painel de filtros. Em desktop, esses controles geralmente ficam na sidebar.

​
Uso

<CategoryOptions
  :is-mosaic="isMosaicLayout"
  :show-sort="true"
  :show-filters="true"
  selected-order="relevance"
  @change="handleSortChange"
  @change-grid="handleGridChange"
/>

​
Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
isMosaicBoolean✅—Estado atual do layout. true para grade (mosaico), false para lista.
showSortBoolean✅—Exibe ou oculta o dropdown de ordenação.
showFiltersBoolean✅—Exibe ou oculta o botão de abertura dos filtros.
selectedOrderString❌'relevance'Ordenação atualmente ativa. Valores comuns: 'relevance', 'price_asc', 'price_desc', 'name_asc'.

​
Eventos

EventoPayloadDescrição
changeStringEmitido com o novo valor de ordenação ao alterar o select.
change-gridBooleanEmitido com o novo estado do layout (true = mosaico, false = lista).