Skip to content
This repository has been archived by the owner on Aug 21, 2023. It is now read-only.

Blue v0.0.15

Compare
Choose a tag to compare
@ItsJonQ ItsJonQ released this 07 Sep 20:01
· 3307 commits to main since this release

Add ProgressBar component

screen shot 2017-09-07 at 3 44 10 pm

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.