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.

Sign up for GitHub

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

Jump to bottom

Add additional progress bar variant #915

Open
scurker opened this issue Feb 22, 2023 · 1 comment · May be fixed by #1309
Open

Add additional progress bar variant #915

scurker opened this issue Feb 22, 2023 · 1 comment · May be fixed by #1309
Labels
enhancement New feature or request
Milestone
Future

Comments

@scurker
Copy link
Member

scurker commented Feb 22, 2023 •
edited
Loading

We've added light and dark theme styles for progress bars - we will not be using "flat" style progress bars and instead keep the version with a stroke for better accessibility.

Component in design system: https://app.uxpin.com/design-system/c933c74928e2195cc540/ui-patterns/213784

Some other details:

  • Thick is 24px in height
  • thin is 16px in height
  • Author can change the color as needed, these are default styles
  • Padding around inner bar is 4px
  • Set a margin-bottom only of 8px (no margin-top)

Inspect Components:
@scurker scurker added the enhancement New feature or request label Feb 22, 2023
@bobbyomari
Copy link
Contributor

We've added light and dark theme styles for progress bars - we will not be using "flat" style progress bars and instead keep the version with a stroke for better accessibility.

Component in design system: https://app.uxpin.com/design-system/c933c74928e2195cc540/ui-patterns/213784

Some other details:

  • Thick is 24px in height
  • thin is 16px in height
  • Author can change the color as needed, these are default styles
  • Padding around inner bar is 4px
  • Set a margin-bottom only of 8px (no margin-top)

Inspect Components:

@bobbyomari bobbyomari assigned scurker and unassigned bobbyomari Mar 15, 2023
@scurker scurker removed their assignment Mar 15, 2023
@scurker scurker mentioned this issue Apr 4, 2023
Closed
@scurker scurker added this to the Cauldron UX Sync milestone Apr 25, 2023
@orest-s orest-s self-assigned this Jan 4, 2024
@orest-s orest-s linked a pull request Jan 4, 2024 that will close this issue
Open
@scurker scurker modified the milestones: Cauldron UX Sync, Q1 2024 Jan 4, 2024
@scurker scurker modified the milestones: Q1 2024, Q2 2024 Apr 1, 2024
@scurker scurker modified the milestones: Q2 2024, Q3 2024 Jul 2, 2024
@scurker scurker modified the milestones: Q3 2024, Q4 2024, Future Oct 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
Future
Development

Successfully merging a pull request may close this issue.

feat(react,styles): synced styles for progress bar and added thin variant dequelabs/cauldron
3 participants
@scurker @bobbyomari @orest-s