Pill ListSCSS Location: /styles/scss/partial/_pill-list.scss
- Status: Design
- Status: Development
- Status: Documentation
A list which can be used to display groups of terms in a filter interface.
Using the optional
data-pill-limit attribute will display only the number of pills specified and provide a
Show X More button that reveals the hidden items on click.
Items are designed to be removed from the list when the
X button is clicked.
Show X More button is clicked focus should be moved to the first pill that was hidden.
Clear Filters button can be included if the interface allows all terms to be cleared at once.
In addition to native tab functionality, pills should be navigable with the
RIGHT arrow keys.