Skip to content

UI: Add Meter #83855

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ciampo merged 10 commits into from
Oct 5, 2026
Merged

UI: Add Meter #83855

Changes from 1 commit
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
fafb6da
Meter: Add a separate component with an 8px track
ciampo Sep 30, 2026
f33e329
Meter: Link changelog entries to the pull request
ciampo Sep 30, 2026
7e19e58
Meter: Limit comparison story to shared Progress props
ciampo Sep 30, 2026
c2f9e4a
Meter: Remove fixed bounds from the Storybook value control
ciampo Sep 30, 2026
ec6dc2a
Meter: Remove custom indicator colors
ciampo Sep 30, 2026
2cd3c12
Meter: Address review feedback and add usage guidelines
ciampo Oct 2, 2026
5c0ee59
Meter: Keep minimal wrapper and layout tests
ciampo Oct 2, 2026
c964ef7
Meter: Tidy changelogs and keep usage examples focused
ciampo Oct 2, 2026
ee6026a
Meter: Remove obsolete stylesheet lint suppression
ciampo Oct 2, 2026
83fc288
Meter: Preserve forced-colors outline against WordPress global CSS
ciampo Oct 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Meter: Limit comparison story to shared Progress props
  • Loading branch information
@ciampo
ciampo committed Oct 5, 2026
commit 7e19e589a2e94849490e82ecde5bd0e3464b39b5
8 changes: 7 additions & 1 deletion packages/ui/src/meter/stories/index.story.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,13 @@ export const ComparedWithProgress: Story = {
<Meter.Indicator tone={ tone } color={ color } />
</Meter.Track>
</Meter.Root>
<Progress.Root { ...args }>
<Progress.Root
value={ args.value }
min={ args.min }
max={ args.max }
format={ args.format }
locale={ args.locale }
>
<Stack justify="space-between" gap="sm">
<Progress.Label>Exporting data</Progress.Label>
<Progress.Value />
Expand Down