Skip to content

@maxhealth.tech/prefab / auto / autoProgress

Function: autoProgress()

ts
function autoProgress(steps, options?): ContainerComponent;

Defined in: auto/progress.ts:52

Auto-generate a multi-step progress tracker.

Calculates overall completion percentage and renders a Progress bar followed by step cards with status indicators.

Parameters

ParameterType
stepsAutoProgressStep[]
options?AutoProgressOptions

Returns

ContainerComponent

Example

ts
autoProgress([
  { label: 'Order Placed', status: 'completed' },
  { label: 'Processing', status: 'active', description: 'Preparing shipment' },
  { label: 'Shipped', status: 'pending' },
  { label: 'Delivered', status: 'pending' },
], { title: 'Order Status' })

Released under the MIT License.