PrimitivesContain & overlayPanel

Panel

The shell every panel of a detail page shares: one card, an optional title block, an action beside the title, and filters on their own band.

<koala-panel>

Title, subtitle and action

Documents

3 documents on this purchase. Drop files anywhere on this page to add them.

Memorandum of sale

Draft contract

Filters on their own band

Activity

Everything that has happened on this transaction.

The filter band carries no top margin of its own — the band above owns the gap, so it can only be declared once.

No title

A panel whose tab strip already names it can omit the title block entirely. The card and the inset still come from the shell.

Uncarded

Joey

For a scrolling column inside another container — a rail drawer body with its own header, where a card's padding would break the thread's scroll geometry.

API

title string?

subtitle string?

clip HiddenClipVisible

carded bool (default true)

padded bool (default true)

<koala-panel-actions> the action beside the title

<koala-panel-filters> search, grouping, filter chrome