Skip to content

WEBDEV-8140 Add range and number options for story style settings#47

Merged
latonv merged 7 commits into
mainfrom
webdev8140-numeric-style-props
May 28, 2026
Merged

WEBDEV-8140 Add range and number options for story style settings#47
latonv merged 7 commits into
mainfrom
webdev8140-numeric-style-props

Conversation

@latonv

@latonv latonv commented May 20, 2026

Copy link
Copy Markdown
Member

Currently the only two available types for style settings in element stories are text and color. While text is already quite general and can handle most cases, for some kinds of numeric style rules it can be helpful to constrain the range or units for the sake of an expressive demo.

This PR makes two new types of style setting available: range (which renders a range slider & value readout) and number (which renders a numeric spinner). Additionally, a range style is added to the ia-combo-box story and a number style is added to the ia-dropdown-search-bar story to demonstrate their usage and visual results.

@github-actions

github-actions Bot commented May 20, 2026

Copy link
Copy Markdown
PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-05-28 23:35 UTC

@codecov-commenter

codecov-commenter commented May 20, 2026

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 83.33333% with 3 lines in your changes missing coverage. Please review.
✅ Project coverage is 79.66%. Comparing base (9a3b0f3) to head (2b9fe4d).

Files with missing lines Patch % Lines
demo/story-components/story-styles-settings.ts 83.33% 2 Missing and 1 partial ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main      #47      +/-   ##
==========================================
+ Coverage   78.75%   79.66%   +0.90%     
==========================================
  Files          16       16              
  Lines         645      659      +14     
  Branches      168      177       +9     
==========================================
+ Hits          508      525      +17     
+ Misses         95       90       -5     
- Partials       42       44       +2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Comment thread demo/story-components/story-styles-settings.test.ts Fixed
@latonv latonv force-pushed the webdev8140-numeric-style-props branch from 079b957 to 2b9fe4d Compare May 28, 2026 23:32
@latonv latonv merged commit d0ba4a8 into main May 28, 2026
3 checks passed
@latonv latonv deleted the webdev8140-numeric-style-props branch May 28, 2026 23:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants