Search code examples
reactjstwitter-bootstrapfont-awesomereactstrap

Fontawesome icon inside Reactstrap input group

I’m trying to place icons near input fields, and when I insert FontAwesomeIcon component inside InputGroupAddon component, it doesn’t look as it suppose to be. There is my code example. What I want to get: screenshot 1. What I really get: screenshot 2.

Solution

  • You need to put FontAwesomeIcon component inside span tag

    <span className="input-group-text"><FontAwesomeIcon icon={faUser} /></span>