dequelabs / dequelabs/cauldron
Add additional progress bar variant
- 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
Assessment
This issue has not been assessed yet.