Facets

When to use

Use facet buttons to filter search results in a large dataset.

Anatomy

1. Icon
2. Label
3. Body

 

 

 

 

 

Variations

1. Button with text only
2. Button with left icon and text
3. Button with right icon (nested badge)

 

 

 

 

 

Where to use

✅ Search engines

✅ Online directories