Atomic Bulldog - UI/pattern library

1.9.2 - Inputs

Source: atoms/forms/_inputs.scss, line 115

Open in new window

Example:

<input type="email" name="test1" placeholder="email">
<input type="number" name="test2" placeholder="number">
<input type="password" name="test3" placeholder="password">
<input type="tel" name="test4" placeholder="tel">
<input type="text" name="test5" placeholder="text">
<textarea></textarea>
<input type="radio" name="test6" value="radio">
<input type="checkbox" name="test7" value="checkbox">
<label class="custom-input"><input type="radio" name="test8" value="radio"><span class="custom-input-indicator"></span></label>
<label class="custom-input"><input type="checkbox" name="test9" value="checkbox"><span class="custom-input-indicator"></span></label>
<select>
  <option value="option1">option1</option>
  <option value="option2">option2</option>
  <option value="option3">option3</option>
  <option value="option4">option4</option>
</select>