AI Components / AI App Sidebar
AI App Sidebar
Collapsible AI app shell sidebar with data-driven sections, item icons/badges, and icon-only collapsed mode. Renamed from `ai-sidebar` to clarify its role vs. the slot-based `cg-sidebar` foundation.
ai-essentials v0.5.0
Playground
Examples
App sidebar
<ai-app-sidebar style="max-width:250px;height:300px;"></ai-app-sidebar>Import
import { AiAppSidebar } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-app-sidebar';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
sections | {title, items}[] | — | Sidebar sections |
collapsed | boolean | false | Collapsed mode |
activeId | string | — | Active item ID |
Events
| Event | Detail | Description |
|---|---|---|
ai-app-sidebar-item-click | {id, label} | Item clicked |
ai-app-sidebar-collapse | {collapsed} | Collapse toggled |