Skip to content

add page for progress bar#4226

Open
britt6612 wants to merge 6 commits intomasterfrom
create-progressbar-page
Open

add page for progress bar#4226
britt6612 wants to merge 6 commits intomasterfrom
create-progressbar-page

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
Contributor

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
Co-authored-by: Taylor Seamans <taylor.seamans@yahoo.com>
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