Skip to main content
Version: 1.0.0

StatusFlow

@spartanfx/react v1.0.0


@spartanfx/react / 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' }}
/>