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

Add narrow input style #821

Closed
2 tasks
SharglutDev opened this issue Jan 14, 2025 · 0 comments · Fixed by #813
Closed
2 tasks

Add narrow input style #821

SharglutDev opened this issue Jan 14, 2025 · 0 comments · Fixed by #813
Assignees
Labels

Comments

@SharglutDev
Copy link
Contributor

SharglutDev commented Jan 14, 2025

Description and goal

By default in the design system, inputs are wrapped with some padding like this :
Image

This is to enable the use of required input and prevent some UI reposition :
Image

Or the use of inputs with status message :
Image

But in the stdcm form, the mockup requires inputs to be very close from each another, not allowing any space to display a "required" input.
@thibautsailly doesn't plan to add any "required" icon in the form as it's gonna be a form use multiple times each day. The user already knows which fields are required.
Moreover, in stdcm we don't display status message with the standard design system but with a new one using tooltips :
Image

Acceptance criteria

  • Add a new way to use inputs for narrow forms where required fields are not used and status message are displayed with tooltips only
  • Required, small, statusWithMessage styles keep working in both mode
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant