Atom

Form Text

Default

Show code 
            
              <input class="form-text form-control" type="text" name="form-name" placeholder="Placeholder">

Disabled

.form-text--disabled

Show code 
            
              <input class="form-text form-control form-text--disabled" type="text" name="form-name" placeholder="Placeholder">

Error

.form-text--error

Show code 
            
              <input class="form-text form-control form-text--error" type="text" name="form-name" placeholder="Placeholder">

Sucess

.form-text--success

Show code 
            
              <input class="form-text form-control form-text--success" type="text" name="form-name" placeholder="Placeholder">

Warning

.form-text--warning

Show code 
            
              <input class="form-text form-control form-text--warning" type="text" name="form-name" placeholder="Placeholder">