StatusFlow

3p-core v2.1.4

---

3p-core / StatusFlow

Variable: StatusFlow

const StatusFlow: React.FunctionComponent<IStatusFlow>

Renders a horizontal status flow indicator where each step is a status label.

Highlights the current status in the sequence using a custom style. Useful for workflows, approval stages, or visualizing process steps in SharePoint applications.

Example

<StatusFlow
  statusFlow={['Draft', 'Submitted', 'Approved', 'Completed']}
  currentStatus="Approved"
  classNames={{ root: 'flow-root', status: 'current-status' }}
/>