Skip to main content
Componente pai da navegação de categorias. Recebe os dados da categoria principal e delega a renderização para RocketDesktopCategoriesNav em desktop ou RocketMobileCategoriesNav em mobile. Disponibiliza os dados via provide/inject para os filhos.

​
Uso

<rocket-categories-nav
  :main-category="{{ sorted_categories | json_encode }}"
  categories-display="both"
/>

​
Propriedades

PropriedadeTipoObrigatóriaDescrição
mainCategoryObject✅Objeto da categoria principal com filhos em children.data.
categoriesDisplayString✅Controla a exibição do dropdown. Use 'both' para exibir em desktop e mobile.

​
Comportamentos automáticos

  • Em desktop, renderiza RocketDesktopCategoriesNav com menu dropdown multi-coluna.
  • Em mobile, renderiza RocketMobileCategoriesNav com menu colapsável em drawer.
  • O posicionamento do dropdown é ajustado automaticamente para evitar overflow do viewport.