Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add page for progress bar #4226

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

add page for progress bar #4226

wants to merge 6 commits into from

Conversation

britt6612
Copy link
Collaborator

@britt6612 britt6612 commented Oct 1, 2024

Deploy Preview

What does this PR do?

Where should the reviewer start?

What testing has been done on this PR?

In addition to the feature you are implementing, have you checked the following:

General UX Checks

  • Small, medium, and large screen sizes
  • Cross-browsers (FireFox, Chrome, and Safari)
  • Light & dark modes
  • All hyperlinks route properly

Accessibility Checks

  • Keyboard interactions
  • Screen reader experience
  • Run WAVE accessibility plugin (Chrome)

Code Quality Checks

  • Console is free of warnings and errors
  • Passes E2E commit checks
  • Visual snapshots are reasonable

How should this be manually tested?

Any background context you want to provide?

What are the relevant issues?

Closes #4208
Closes #4228

Screenshots (if appropriate)

Should this PR be mentioned in Design System updates?

Is this change backwards compatible or is it a breaking change?

name: 'Progressbar',
available: true,
cardOrder: 5,
description: 'a visual indicator of progress in a process or journey.',
Copy link
Collaborator

Choose a reason for hiding this comment

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

A progress bar is a visual indicator that displays the total amount of completion for a process, allowing users to gauge how much of a process is complete and how much remains.

@taysea
Copy link
Collaborator

taysea commented Oct 2, 2024

@britt6612 I think I'd expect this route to be /templates/progress-bar and the title to render as "Progress bar"

@@ -0,0 +1,28 @@
## Use Cases
Copy link
Collaborator

Choose a reason for hiding this comment

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

To follow voice and tone, can you sentence case all of these headings? @vavalos5

@britt6612
Copy link
Collaborator Author

@britt6612 I think I'd expect this route to be /templates/progress-bar and the title to render as "Progress bar"

cool I can change

vavalos5 and others added 2 commits October 3, 2024 08:27
Changed headings to sentence case instead of bookcase
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.

Progress bar -- add examples and anatomy diagram Progress Bar - Implement guidance to site
3 participants