CSS only
panel
Structural/functional container to group content into sections (settings, dashboard, filters). Opposite of the card: flat, bordered, dense, no shadow/hover-lift. Sub: head/body/foot. Variants: brand header band (.ng-panel-<color>) · .ng-panel-flat · size sm/lg · collapsible .ng-panel-collapsible (reuses ng_toggle.js + .ng-collapse, 0 new JS). Colors from $ng-colors (L1/L2 tokens). Radius md via fallback-at-use.
Component info
| Name | Panel |
|---|---|
| Type | css |
| Version | 1.0.0 |
| Status | css |
| CSS | /assets/css/components/_ng_panel.scss |
Classes
.ng-collapse.ng-panel.ng-panel-.ng-panel-body.ng-panel-collapsible.ng-panel-flat.ng-panel-foot.ng-panel-head.ng-panel-lg.ng-panel-sm.ng-panel-title.ng-panel-toggle-icon Tokens
--ng-panel-bg--ng-panel-border-color--ng-panel-gap--ng-panel-head-bg--ng-panel-head-color--ng-panel-pad