Crestron Components Lib - Showcase App

ch5-textinput: icon & iconPosition attributes

The default usage of the icon attribute.
By default, the icon has to stay to the left side of the input.
<div>
  <ch5-textinput
    icon="fa fa-plane"
    placeholder="Firstname">
  </ch5-textinput>
</div>
<div>
  <ch5-textinput
    icon="fa fa-address-card"
   placeholder="Firstname">
  </ch5-textinput>
</div>
<div>
  <ch5-textinput
    icon="fa fa-book"
    placeholder="Firstname">
  </ch5-textinput>
</div>
When the iconPosition attribute is set to 'last',
the icon has to stay to the right of the input.
<div>
  <ch5-textinput
    icon="fa fa-plane"
    iconPosition="last"
    placeholder="Firstname">
  </ch5-textinput>
</div>
<div>
  <ch5-textinput
    icon="fa fa-address-card"
    iconPosition="last"
    placeholder="Firstname">
  </ch5-textinput>
</div>
<div>
  <ch5-textinput
    icon="fa fa-book"
    iconPosition="last"
    placeholder="Firstname">
  </ch5-textinput>
</div>