← all Bulma classes list

Bulma class: .control.has-icons-right

<div class="field">
  <label class="label">Username</label>
  <div class="control has-icons-left has-icons-right">
    <input class="input is-success" type="text" placeholder="Text input" value="bulma">
    <span class="icon is-small is-left">
      <i class="fas fa-user"></i>
    <span class="icon is-small is-right">
      <i class="fas fa-check"></i>
  <p class="help is-success">This username is available</p>


This username is available

More in Bulma Forms

Create Bulma templates in minutes

FREE Create a Bulma Builder account and get access to Bootstrap Shuffle and Tailwind Builder for FREE (save $178).