question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

IMPORTANT No way to use Input.Group and Form.Item

See original GitHub issue

What problem does this feature solve?

I’m creating a form which has Input.Group and there is no way to create Input.Group which support form validation using by Form.Item. I’m trying to do like:

<Input.Group>
  <Form.Item>getFieldDecorator(..)(<Input/>)</Form.Item>
  <Form.Item>getFieldDecorator(..)(<Input/>)</Form.Item>
</Input.Group>

What does the proposed API look like?

I want make this work:

<Input.Group>
  <Form.Item>getFieldDecorator(..)(<Input/>)</Form.Item>
  <Form.Item>getFieldDecorator(..)(<Input/>)</Form.Item>
</Input.Group>

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:27 (9 by maintainers)

github_iconTop GitHub Comments

21reactions
ihormlcommented, May 12, 2017

@benjycui

This is my use case: screenshot 2017-05-12 10 23 49

Could you help me how can I implement this using ant.design features only without any js/css additions?

19reactions
mingeyacommented, Dec 15, 2017

Having the same problem right now.Is there any plans to make this possible? Thank you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

twitter bootstrap - Input group - two inputs close to each other
The problem with form-horizontal is that when the screen is smaller(and it is using the xs styles) the two inputs are on separate...
Read more >
Input group · Bootstrap v5.0
Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs....
Read more >
<input>: The Input (Form Input) element - HTML
The <input> HTML element is used to create interactive controls for web-based forms in order to accept data from the user; a wide...
Read more >
Input Groups in Bootstrap with Examples - GeeksforGeeks
Input Groups in Bootstrap are used to extend the default form controls by adding text or buttons on either side of textual inputs, ......
Read more >
HTML Form Elements - W3Schools
The <input> element can be displayed in several ways, depending on the type attribute. ... Use the size attribute to specify the number...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found