Skip to content

feat: added progress indicator component#88

Merged
giuliana-gladeye merged 7 commits into
mainfrom
feat/GOV-185-progress-indicator
May 26, 2026
Merged

feat: added progress indicator component#88
giuliana-gladeye merged 7 commits into
mainfrom
feat/GOV-185-progress-indicator

Conversation

@giuliana-gladeye
Copy link
Copy Markdown
Collaborator

This feature branch includes work for ticket "Progress Indicator Component"

Added ProgressIndicator / ProgressIndicatorStep for showing position in a multi-step flow (e.g. policy creation), following Carbon's conventions.

ProgressIndicator: renders a full-length rail using our existing <Progress>, with the filled segment sized to one step and offset over currentIndex. layout="horizontal" (default) / "vertical" re-orients both rail and steps.

ProgressIndicatorStep: name, optional description, and status (editing / empty / neutral / success / info / danger) picks a lucide icon. Renders as <a> with href, <button> with onClick, otherwise a non interactive <div>.

Status colours: success/danger use badge colours, active step takes primary (matches MetricCard).

Docs: MDX with horizontal, vertical, onClick, and href examples, plus prop tables.

screencapture-localhost-4321-components-progress-indicator-2026-05-26-17_01_19

Copy link
Copy Markdown
Member

@Shrinks99 Shrinks99 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Made a few changes, improved accessibility by making the container a nav if it has links / onclicks.

@giuliana-gladeye
Copy link
Copy Markdown
Collaborator Author

A few more updates:

  • Added elevation prop to ProgressIndicator for Icon component.
  • Fixed active sidebar link. Bug: /components/progress is a prefix of /components/progress-indicator, so startsWith matches both. Changed nav-list.astro isActive from startsWith to an exact match.

@giuliana-gladeye giuliana-gladeye merged commit a2400b7 into main May 26, 2026
1 check passed
@giuliana-gladeye giuliana-gladeye deleted the feat/GOV-185-progress-indicator branch May 26, 2026 22:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants