Components
<AisHierarchicalMenu>
Hierarchical facet navigation with optional show-more behavior.
Usage
<AisInstantSearch :configuration="configuration">
<AisHierarchicalMenu
:attributes="[
'hierarchicalCategories.lvl0',
'hierarchicalCategories.lvl1',
'hierarchicalCategories.lvl2'
]"
/>
</AisInstantSearch>
You can also pass a single attribute prop. In declarative mode, it is normalized to attributes: [attribute].
Props
| Prop | Type | Default | Description |
|---|---|---|---|
attribute | string | undefined | Convenience alias for first hierarchy level. |
attributes | string[] | [] | Full hierarchy attribute chain. |
id | string | "" | Optional widget ID for repeated instances (also scoped by indexId). |
limit | number | connector default | Number of values displayed per level. |
showMoreLimit | number | connector default | Max values when show-more is active. |
showMore | boolean | false | Enables show-more toggle. |
sortBy | unknown[] | function | connector default | Sorting strategy for items. |
separator | string | connector default | Path separator used in hierarchical values. |
rootPath | string | connector default | Restrict hierarchy to a root path. |
showParentLevel | boolean | connector default | Whether to keep parent levels visible. |
transformItems | function | undefined | Transforms items before rendering. |