oc · docs
docs / documentation

@orangecheck/design


@orangecheck/design / TwoToneHeadingProps

Interface: TwoToneHeadingProps

Defined in: composites/marketing-heading.tsx:13

marketing-heading — the two-tone display heading used across consumer landing sections. TwoToneHeading renders a solid lead clause followed by a recoloured muted clause at the same size/weight; MarketingHeading wraps it with an optional mono eyebrow and body paragraph. Use onBrand when it sits on a brand/dark band.

Properties

PropertyTypeDefined in
<a id="property-as"></a> as?anycomposites/marketing-heading.tsx:16
<a id="property-classname"></a> className?stringcomposites/marketing-heading.tsx:18
<a id="property-lead"></a> leadReactNodecomposites/marketing-heading.tsx:14
<a id="property-muted"></a> muted?anycomposites/marketing-heading.tsx:15
<a id="property-tone"></a> tone?"default" | "onBrand"composites/marketing-heading.tsx:17