Input Group

[srivathsah]

Thanks team for a wonderful library.

The only issue I'm currently having is setting up an input group like in bootstrap, I am trying to use this in login form, the input and the button are not falling in 1 row and I have tried as much as I can, is there anything equivalent of bootstrap input group in clarity ?

An example use case is checking for username while signing up, what other alternative setup would you recommend for this use case if this is not there in clarity in-built

[gnomeontherun]

Hi @srivathsah, we don't currently have something an equivalent of input groups for Clarity. We are taking a look at the form components in Clarity and will be bringing a fresh UX to forms, so I'm tagging @reddolan to make sure he sees this request.

[dorthrithil]

@srivathsah For checking the username availability in a form you could use an async validator and then indicate errors via the standard input alerts.

[gerinjacob]

This will be really useful. We have requirement to show inputs grouped like,

Any plans to support this?

[hippee-lee]

This is in the backlog but has not been given a priority.
We are open source so if you decide to contribute please take a look at our contribution guidelines.
I'm happy to dig into it with you if you are interested.

[gnomeontherun]

This has been implemented in Core forms and will be the recommendation for using groups.

https://clarity.design/storybook/core/?path=/story/forms-preview-input-groups-getting-started--page

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.