oc · docs
docs / documentation

@orangecheck/design


@orangecheck/design / WorkingProps

Interface: WorkingProps

Defined in: primitives/working.tsx:11

Cohesive "working" indicator used at every async hold-point. Two styles, same DNA — a cypherpunk marching-cursor of three dots (no SVG spinner). The CSS lives in @orangecheck/design/styles.css (.oc-working-*). Each indicator carries an aria-live="polite" region announcing the activity.

Properties

PropertyTypeDescriptionDefined in
<a id="property-classname"></a> className?string-primitives/working.tsx:18
<a id="property-progress"></a> progress?stringOptional — show a progress ratio (e.g. "2 of 4 relays").primitives/working.tsx:17
<a id="property-size"></a> size?"sm" | "md"Compact (button-sized) or normal (inline block).primitives/working.tsx:15
<a id="property-text"></a> textstringShort verb phrase describing what's happening. Lowercase.primitives/working.tsx:13