Loading
×Sorry to interrupt
CSS Error
Aura Component

Pill Container

  • A list of pills grouped in a container. This component requires API version 42.0 and later.

    Descriptor

    lightning:pillContainer

    Targets

    Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out / Visualforce, Standalone Lightning App

Example Options

Pill Container

  • User avatarAvatar Pill
  • Icon Pill

Code

<aura:component> <aura:attribute name="items" type="List" default="[ { type: 'avatar', href: '', label: 'Avatar Pill', src: '/docs/component-library/app/images/examples/avatar2.jpg', fallbackIconName: 'standard:user', variant: 'circle', alternativeText: 'User avatar', }, { type: 'icon', href: '', label: 'Icon Pill', iconName: 'standard:account', alternativeText: 'Account', }, ]"/> <p><lightning:pillContainer items="{!v.items}"></lightning:pillContainer></p> </aura:component> 
Component
Example
Documentation
Specification