Customization buttons

Customization buttons help sort data based on different criteria.

When to use

• When there's a lot of data to sift through
• When there are logical ways in which you may want to sort the data (chronologically, alphabetically, etc.)

What to avoid

• Don't use customization buttons if there's not a lot of data to go through
• Avoid overburdening users with many sorting mechanisms if they are not useful for their tasks

Design and code

<button title="Sorting alphabetically (ascending order)" type="button" class="btn btn-default"><i class="fas fa-sort-alpha-down"></i> <span class="wb-inv">Sort alphabetically</span></button>
<button title="Display two graphs per row" type="button" class="btn btn-default hidden-xs" data-perRow="1"><i class="fas fa-th-large"></i><span class="wb-inv">Display two graphs per row</span></button>
<button title="Show daily viral load" type="button" class="btn btn-default">Show daily values</button>

Content and design guidelines

• Follow the general design guidelines

Accessibility guidelines

• Follow the general accessibility guidelines