dequelabs / dequelabs/cauldron

Add additional progress bar variant

Open
#915 1 comment 0 reactions 0 assignees View on GitHub
enhancement ux debt
Dominant language
TypeScript
Stars
127
Forks
31
Avg merge
2d 12h
Merged PRs (30d)
8

Description

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:**
- Light / Thick: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6770639,light-progress-bar-thick
- Light / Thin: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6770640,light-progress-bar-thin
- Dark / Thick: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6770641,dark-progress-bar-thick
- Dark / Thin: https://preview.uxpin.com/design-system/c933c74928e2195cc540/6770642,dark-progress-bar-thin

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.