Badges

.slds-badge — Badges are labels which hold small amounts of information.

.slds-badge — Create badge component

.slds-badge_inverse — Change badge color to a dark with light text

.slds-badge_lightest — Change badge color to white with normal text

.slds-badge__icon — Adds an icon to badge

.slds-badge__icon_inverse — Change badge icon fill color to inverse

.slds-badge__icon_left — Adds an icon to the left of the badge text

.slds-badge__icon_right — Adds an icon to the right of the badge text

Salesforce, Inc. Salesforce Tower, 415 Mission Street, 3rd Floor, San Francisco, CA 94105, United States

Site: Version 1.2.54 | Framework: Version 2.30.7. Last Updated on August 11th 2026, 12:20 pm.