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.

in input field: iconPosition doesn't accept the value'Right'.

See original GitHub issue

Warning: Failed prop type: Invalid prop iconPosition of value right supplied to Input, expected one of [“left”].

Issue Analytics

State:
Created 6 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

3reactions

layershiftercommented, May 11, 2017

It doesn’t accept right because it’s right by default:

<Input /> // equals to <Input iconPosition='right' />

So, it’s doesn’t make sence. Also, SUI’s css doesn’t have class for right.

0reactions

layershiftercommented, Aug 2, 2018

It’s strange that this issue doesn’t contain my reply. Correct usage for the children API:

<Input icon>
  <input className="custom" />
  <Icon name="calendar" />
</Input>

Top Results From Across the Web

Put icon inside input element in a form - html - Stack Overflow

Use either top, left, bottom, right to position the icon in the container. Set the padding inside the input so the text does...

CSS to put icon inside an input element in a form

To add icon inside the input element the <i> tag and <span> tag are used widely to add icons on the webpages. To...

Validation · Bootstrap v5.0

Bootstrap scopes the :invalid and :valid styles to parent .was-validated class, usually applied to the <form> . Otherwise, any required field without a...

How to add icons inside input elements in HTML - Educative.io

In HTML, icons are added with the <i> tag. For it to be added inside the input elements, it must be added between...

Input - Lightning Design System

Icon on the left; Icon on the right; Icon and clear button; Icon and clear ... In some cases, the read-only field state...