title: React Bootstrap hide/show eye icon
body: <p>I have password field like this. I want to put an eye icon at the end of the password field to show/hide password.</p>
  <pre><code>  &lt;Form.Control
                      size=&quot;lg&quot;
                      type=&quot;password&quot;
                      placeholder=&quot;Password&quot;
                      style={loginStyle.regualrText}
                      className=&quot;mt-3&quot;
                      onChange={e =&gt; {
                          const val = e.target.value;
                          setLoginData(prevState =&gt; {
                              return { ...prevState, password: val }
                          });
                      }}
                  /&gt;
  </code></pre>
  <p>I couldn't find this in React bootstrap. In the following way, the problem can be solved by adding a button to the end.</p>
  <pre><code>      &lt;InputGroup className='mt-3'&gt;
                      &lt;FormControl
                          id={'Password'}
                          size=&quot;lg&quot;
                          type={passwordState.type}
                          placeholder=&quot;Password&quot;
                          style={loginStyle.regualrText}
                          className=&quot;pass-wrapper&quot;
                          onChange={e =&gt; {
                              const val = e.target.value;
                              setLoginData(setState =&gt; {
                                  return {...setState, password: val}
                              });
                          }}
                      /&gt;
                      &lt;InputGroup.Append&gt;
                          &lt;button class=&quot;btn btn-outline-danger&quot; type=&quot;button&quot;
                                  onClick={() =&gt; setPasswordState(setState =&gt; {
                                      return {
                                          ...setState,
                                          type: 'password' ? 'text' : 'password',
                                          name: 'Show' ? 'Hide' : 'Show'
                                      }
                                  })}&gt;{passwordState.name}
                          &lt;/button&gt;
                      &lt;/InputGroup.Append&gt;
                  &lt;/InputGroup&gt;
  
  </code></pre>
  <p><strong>Is there any way I can fix it by adding an eye icon?</strong></p>