oc · docs
docs / documentation

@orangecheck/design


@orangecheck/design / LayoutSubHeader

Function: LayoutSubHeader()

function LayoutSubHeader(__namedParameters: LayoutSubHeaderProps): any;

Defined in: chrome/layout-sub-header.tsx:47

LayoutSubHeader — the ecosystem status strip below the header. One line, never wraps. Identical shape across every family surface:

● live · mainnet oc · stamp ················· bip-322 · opentimestamps

Left cluster (heartbeat + status + product) is the identity; the right cluster is a quiet, low-contrast capability whisper. Below sm the strip collapses to just the heartbeat + product so it never wraps or crowds a phone header — the right cluster and the status reappear from sm up.

The band carries a faint skin-tinted translucent shade (.oc-substrip) so it has presence on every skin × mode without bleeding the hero/aurora behind it. Pass product, optional status, and tags.

Parameters

ParameterType
__namedParametersLayoutSubHeaderProps

Returns

any