App Shell — Main application layout with navbar, sidebar, and content area.
Ver código
<co-app-shell></co-app-shell>
Props
| Prop | Atributo | Tipo | Default | Descripción |
|---|
contentCard | content-card | boolean | true | Whether the content area has a card-like appearance (white bg, rounded) |
sidebarMode | sidebar-mode | "full" | "min" | 'min' | Sidebar display mode |
Eventos
| Evento | Detail | Bubbles | Cancelable | Descripción |
|---|
coSidebarModeChange | "full" | "min" | ✓ | ✓ | Emitted when sidebar mode changes |
Slots
| Slot | Descripción |
|---|
(default) | Main content area |
navbar | Content for the top navbar area |
sidebar | Content for the sidebar (navigation items, etc.) |
sidebar-footer | Footer area of the sidebar |
sidebar-header | Header area of the sidebar (logo, collapse button) |
CSS Parts
| Part | Descripción |
|---|
::part(content) | |
::part(header) | |
::part(main) | |
::part(sidebar) | |
::part(sidebar-body) | |
::part(sidebar-footer) | |
::part(sidebar-header) | |
CSS Custom Properties
Este componente no expone CSS custom properties.
