Pills

pills

.slds-pill, .slds-pill_container

base

.slds-pill — Initializes pill

base › With icon

base › With avatar

base › Pill with Container

base › Pill with Bare Container - Deprecated

.slds-pill_bare

.slds-pill_bare — Modifier that removes border and background from a pill

.slds-pill__label

.slds-pill__label — Line of text inside a pill

.slds-pill__icon_container

.slds-pill__icon_container — Initializes pill icon or avatar that sits to the left of the label

.slds-pill__remove

.slds-pill__remove — Initializes remove icon in pill that sits to the right of the label

.slds-pill_link

.slds-pill_link — Creates a pill with a hyperlink

.slds-pill__action

.slds-pill__action — Actionable element inside of pill with hyperlink

.slds-has-error

.slds-has-error — Pill error styles

listbox-of-pill-options

.slds-listbox [role="listbox"] — A listbox of Pills is a way to display a list of selected options when performing user input

listbox-of-pill-options › With icon

listbox-of-pill-options › With avatar

listbox-of-pill-options › Bare

listbox-of-pill-options › Grouped