Add Data Button

Add Data Button allows users to add data to a set.

On this page:

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-add-this">
  <div>
    <span class="fa fa-plus-circle fa-fw text-white" aria-hidden="true"></span>
    <span class="sr-only">Add Another</span>
  </div>
</button>

Resources

Previous page
Next page