Components

Pills

Pills can be used as a method of filtering data, to show only items within that particular category. And allow users to clear that filter by clicking the pill "x".

Default

Created with Sketch. Example Chip Example Chip 8px 8px 12px 12px 
.pill-container {
background: #D8DDE6;
border-radius: 100px;
}
.pill-text {
font-size: .9rem;
color: #002D41;
text-align: left;
}

Overview of CSS Classes

Selector
Summary
Parent Selector

.pill-container

.pill-text