Skip to content
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.

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

Update Number Stepper Component #2631

Open
1 task
nicolaus-sherrill opened this issue Dec 13, 2024 · 0 comments
Open
1 task

Update Number Stepper Component #2631

nicolaus-sherrill opened this issue Dec 13, 2024 · 0 comments

Comments

@nicolaus-sherrill
Copy link

nicolaus-sherrill commented Dec 13, 2024

⚠️ Dependent on #2624 | Related to #2621

394435497-04d7503b-7d31-4e5f-b5c4-4c8e2c5ae204

Number stepper width is set to 3 grid columns and aligned to the left of their content container.

  • Discussion Callout: We should consider a max-width for those because they look visually off once they get wide. My suggestion is a 200px max width. Strong belief, loosely held.

Design has been updated so that the interactive buttons use the same raised dimension effect as other interactive elements. Input text has been centered.

394436441-4cf19ebb-d346-40a8-91ab-d5d37004acf3

For steppers that include a unit, use the same component as our regular input fields that contain units at the end. The input values are centered in the remaining space of the component.

Updated number stepper component designs can be found here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Backlog
Development

No branches or pull requests

1 participant