react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

Update progress bar component to accept custom color indicator

Open orion-cengage opened this issue 1 year ago • 4 comments

Purpose: Allow consumers to change the indicator of the progress bar to any custom color they want, in addition to our presets.

image

AC

  • Allow consumer to use a string like "#B12FAD" to set the color of the indicator.
  • Make sure the track can still not be changed.
  • How can we handle allowing a different color set when Inversed?

orion-cengage avatar Jun 26 '24 14:06 orion-cengage

Make a note in the docs site that, when using custom colors, they must be checked for color contrast for a11y.

silvalaura avatar Jun 26 '24 16:06 silvalaura

Create an example that swaps between using chartColorsInverse and chartColors depending on whether the ProgressBar is using inverse.

silvalaura avatar Jun 26 '24 16:06 silvalaura

QA complete - Update to progress bar and documentation looks great.

orion-cengage avatar Jul 01 '24 15:07 orion-cengage

Looks good here!

chris-cedrone-cengage avatar Jul 01 '24 20:07 chris-cedrone-cengage