cla-badge

Badge - Can be slotted in anywhere and will display a bootstrap styled badge (if used along side the cla-card-media you must use the slot name of "status").

If a colour attribute is added it will override the colour set in the styleclass attribute.

Usage

<cla-badge slot="status" styleclass="badge badge-pill badge-gold">Won it mate</cla-badge>

Properties

Property Attribute Description Type Default
colour colour The background colour of the badge (optional) string null
styleclass styleclass The bootstrap styling of the badge i.e. badge badge-primary badge-pill etc string "badge badge-primary"

Slots

Slot Description
Allows badge content to be added

Built with StencilJS