oc · docs
docs / documentation

@orangecheck/design


@orangecheck/design / AccentNoteProps

Interface: AccentNoteProps

Defined in: composites/accent-note.tsx:12

AccentNote — a left-bar aside for a single emphasized line of copy. Use for a caveat, footnote, or pull-quote beside body text. AccentList is the stepped variant: a vertical stack of titled items with one "active" entry expanded. Both are skin-agnostic — token colors only — and re-skin per skin + mode.

Properties

PropertyTypeDescriptionDefined in
<a id="property-children"></a> childrenReactNode-composites/accent-note.tsx:15
<a id="property-classname"></a> className?string-composites/accent-note.tsx:17
<a id="property-lead"></a> lead?anyOptional bold lead phrase rendered inline before the body.composites/accent-note.tsx:14
<a id="property-tone"></a> tone?"default" | "onBrand"-composites/accent-note.tsx:16