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
isMosaicBooleanEstado atual do layout. true para grade (mosaico), false para lista.
showSortBooleanExibe ou oculta o dropdown de ordenação.
showFiltersBooleanExibe 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).