data-display/DSPromoLabel

DSPromoLabel

data-display

since 1.2.0

Promotional label for discounts, new items, or special badges.

iOSmacOS

Purpose

Use to highlight promotions, discounts, or special features. Eye-catching accent for marketing content.

Prop	Type	Default	Description
textreq	String	—	Promo text (e.g., '-20%', 'New')
color	Color	DSColor.accent	Background color

Show discount on product card.

swift

ZStack(alignment: .topTrailing) {
    ProductCard(product)
    DSPromoLabel(text: "-20%", color: DSColor.error)
        .padding(DSSpacing.sm)
}

Highlight new features.

swift

HStack {
    Text("Dark Mode")
    DSPromoLabel(text: "New", color: DSColor.info)
}