Panels

Summary

A generic bordered content card. Note a deliberate non-parity: aui-panel is not aliased onto this class, because AUI 5.4.3 gave .aui-panel typography margin only, so aliasing it would add chrome that old markup never had. neura-panel is Neura-native styling.

Stacked sibling panels space themselves 20px apart. As a direct child of the content region (#content / .neura-content, see Page) a panel goes full-bleed: the side borders drop (top/bottom borders only), padding and top margin grow to 20px, and a panel immediately following the page header pulls up flush (margin-top: 0).

Examples

A panel groups related content with a border and padding - settings sections, summaries, empty states.

HTML

<div class="neura-panel">…</div>

AUI compatibility

None by design (see Summary). CSS-only.