Skip to content

Latest commit

 

History

History
60 lines (29 loc) · 1.55 KB

design-patterns-controls-Pill.md

File metadata and controls

60 lines (29 loc) · 1.55 KB

Pill

Basics

The Pill control is the basic building block of filtering experiences

When to use

Use the Pill control to present filtering options

Best practices

Do

  • Provide the default starter set of filters on your page
  • Use the Add filter button with text. We have a lot of research data that users prefer commands with an icon and text.

Don't

  • Don't use square dropdowns when filtering - the Pill is our standard control for filtering

Developer tips and tricks

Interactive control and sample source code

Go to the playground site to use the latest control and get source code for your project. Learn more about playground.

Related info