Add Data Button

Best Practices

• The Add Data Button allows the user to add more pieces of data to a set, such as additional phone numbers or email addresses.
• Put it below any objects it adds, usually in a row and column-classed element of its own.
• Make it the same width as the objects it adds.
• Place it under the data to which it adds.

Usage

<button type="button" class="btn btn-ui btn-add-this">
  <span class="wrapper">
    <span class="icon fa fa-plus-circle fa-fw" aria-hidden="true"></span>
    <span>Add</span>
  </span>
</button>

Resources

• Bootstrap Documentation - Buttons