oc · docs
docs / documentation

@orangecheck/design


@orangecheck/design / Panel

Function: Panel()

function Panel(__namedParameters: PanelProps): any;

Defined in: composites/panel.tsx:27

Panel (DataSection) — the titled section that carries a chunk of a data-dense / technical page (telemetry blocks, API sections, dashboard groups). THEME-ADAPTIVE by design: under the cypherpunk skins it is a flat full-width border-t divider section (terminal voice); under ember the .oc-panel class promotes it to a discrete soft, warm, rounded card (see the data-dense treatments in themes/ember.css). Compose these instead of hand-rolling border-t py-8 sections so subpages re-skin per theme.

Parameters

ParameterType
__namedParametersPanelProps

Returns

any