oc · docs
docs / documentation

@orangecheck/design


@orangecheck/design / Surface

Function: Surface()

function Surface(__namedParameters: SurfaceProps): any;

Defined in: primitives/surface.tsx:64

Surface — the soft, large-radius, elevated panel that the warm theme sits on.

The package Card is a TERMINAL-window frame (mono title strip, terminal dots) for dashboards; Surface is its plain marketing/consumer counterpart — a bg-card panel with token-routed radius + soft elevation and no chrome. Re-skins per skin via the radius + shadow tokens. Use this for feature cards, sign-in cards, trust chips — anything that is NOT a terminal panel.

Parameters

ParameterType
__namedParametersSurfaceProps

Returns

any