co-sidebar-nav

A complete sidebar navigation component that renders a hierarchical menu. Accepts the raw uiSchemas.sideBar JSON from the Prolibu API and automatically renders categories, expandable groups, and leaf items.

Demo

Ver código

<co-sidebar-nav></co-sidebar-nav>

API

Props

Prop	Atributo	Tipo	Default	Descripción
activeKey	active-key	string	''	Key of the active/selected item
iconMap	icon-map	string	'{}'	JSON override for key → Phosphor icon name mapping
items	items	string	'{}'	JSON string — raw uiSchemas.sideBar object OR pre-transformed array
mode	mode	"full" | "min"	'full'	Display mode: full (labels + icons) or min (icons only)
search	search	string	''	External search text (controlled mode) — overrides internal search state
searchPlaceholder	search-placeholder	string	'Search'	Search input placeholder
searchable	searchable	boolean	false	Show search input
translations	translations	string	'{}'	JSON for i18n label translations { key: translatedLabel }

Eventos

Evento	Detail	Bubbles	Cancelable	Descripción
coNavigate	NavigateDetail	✓	✓	Emitted when a leaf item is clicked
coSearch	string	✓	✓	Emitted when search text changes

Slots

Este componente no expone slots.

CSS Parts

Este componente no expone CSS parts.

CSS Custom Properties

Este componente no expone CSS custom properties.