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

Input type=number - Build Discovery #4650

Open
SeamusLeonardHPE opened this issue Jan 10, 2025 · 3 comments
Open

Input type=number - Build Discovery #4650

SeamusLeonardHPE opened this issue Jan 10, 2025 · 3 comments

Comments

@SeamusLeonardHPE
Copy link
Collaborator

Following up from Kenny work with DSCC

They require a Input type=number with stepper indicator as show in image below

Investigate if this should be added to exiting text input component via boolean layer, a new varinat or a seperate component - - considering how this aligns with additional enhancement requested for input type=password

Image
@SeamusLeonardHPE
Copy link
Collaborator Author

Linked to DSCC board
#4577

@MikeKingdom
Copy link
Collaborator

MikeKingdom commented Jan 10, 2025

You already get this with the default Grommet TextInput when type="number" is passed to the component. This is just standard html <input> and browser behavior

image

@SeamusLeonardHPE
Copy link
Collaborator Author

In the V1 figma library the "Numerical field" variant shrinks the input field width, and doesn't display the 'stepper'

The aim for the v2 is to enhance to match browser behaviour

image

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

No branches or pull requests

2 participants