Card CTA Media with badge(Most recommended) without tags
Badge Component
PBI: 212488: Component — Badge (Revisit)
Design: Badge Component
Wiki: Badge - Overview
Blocks:
- Cards
- Card Slider
- Overview DDS
- Overview VDS
Variant:
- Implemented: Fill (Light)
- Not implemented: Fill (Dark), Outline (Light), Outline (Dark), only badge without text
Note:
! The IOT Ecosystem refer to a different type of badge configuration
Without text on badge, the badge not visible on the UI.
Updated: 07/16/2025
3 Media - Hero - Badge - Tag - Lightbox variations
Card CTA icon and Media Horizontal - both cards with badge - badge not visible - expected
Card Icon CTA with badge
Card CTA Primary Local All - Description - Primary Card Description - Card level
Configured:
Layout: Horizontal
Container level: Background color, Local icon card: Primary Button, List item
Card Media CTA with badge
Card Media CTA Description
Badge on Card Slider Feature
Badge on Card Slider Product
Product Overview Title - Overview DDS layout
Product Overview Description - Cras molestie nisi ac nisl fermentum ornare. In pulvinar eu nisi a accumsan. Donec porttitor malesuada ullamcorper. Phasellus aliquam ipsum luctus, ullamcorper est nec, convallis lacus. Vestibulum sit amet augue eu justo ullamcorper porttitor. Donec scelerisque sem ultricies augue faucibus pharetra. In tincidunt lorem ac justo semper consequat. Aliquam quis feugiat nisl. Nulla non ipsum maximus justo viverra rutrum. Vestibulum hendrerit, dui ac gravida mattis, elit mauris sodales lorem, at aliquet arcu sem eu ex. Mauris hendrerit orci a ligula finibus, sit amet vulputate ligula semper.