This repository has been archived by the owner on Aug 21, 2023. It is now read-only.
Blue v0.0.15
Add ProgressBar component
This update adds a new ProgressBar component, complete with README and tests.
Example
<ProgressBar value={50} />
Props
Prop | Type | Description |
---|---|---|
onChange | function | Callback when component value updates. Returns value as percent. |
size | string | Determines the size of the input. |
value | number/string | Progress value to visualize in component. |
Minor update: The className for the Animate component was renamed from animate
to Animate
.
Resolves: #25
ProgressBar: Add accessibility aria tags
This update adds the role="progressbar"
tag, as well as aria-valuenow
, aria-valuemin
, aria-valuemax
and aria-valuetext
.
The following code:
<ProgressBar value={20} />
Will render:
<div data-reactroot="" class="c-ProgressBar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
<div class="c-ProgressBar__bar" style="width: 50%;"></div>
</div>
Follow up for #30
Fix SCSS path on import for color config in Icon component
The path to the color configuration in the CSS for the icon component was incorrect. This PR is to switch it to the correct path.