-
Notifications
You must be signed in to change notification settings - Fork 0
feat: add linear variant to ProgressGauge component #836
Copy link
Copy link
Closed
Labels
scope:smallLess than 1 day of workLess than 1 day of worktype:featureNew feature implementationNew feature implementationv0.5Minor version v0.5Minor version v0.5v0.5.1Patch release v0.5.1Patch release v0.5.1
Description
Context
Issue #775 specifies "ProgressGauge -- circular or linear gauge for budget/utilization". PR #833 implemented a semi-circular (half-arc) gauge with sm and md size variants, but no linear variant.
Scope
Add a variant prop to ProgressGauge:
variant: 'circular' | 'linear'(default:'circular')- Linear variant: horizontal bar gauge with the same color thresholds, percentage display, and accessibility attributes
- Both variants should share the same
getHealthColorcolor logic
Acceptance criteria
-
ProgressGaugeacceptsvariantprop - Linear variant renders a horizontal bar with percentage label
- Linear variant has proper
role="meter"and aria attributes - Storybook stories for both variants
- Unit tests for linear variant (clamping, colors, accessibility)
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
scope:smallLess than 1 day of workLess than 1 day of worktype:featureNew feature implementationNew feature implementationv0.5Minor version v0.5Minor version v0.5v0.5.1Patch release v0.5.1Patch release v0.5.1