Class IgcBadgeComponent

The badge is a component indicating a status on a related item or an area where some active indication is required.

Element

igc-badge

Slot

  • Default slot for the badge.

Csspart

base - The base wrapper of the badge.

Hierarchy

Hierarchy

  • LitElement
    • IgcBadgeComponent

Constructors

Properties

outlined: boolean = false

Sets whether to draw an outlined version of the badge.

Attr

shape: "square" | "rounded" = 'rounded'

The shape of the badge.

Attr

variant: "success" | "primary" | "info" | "warning" | "danger" = 'primary'

The type of badge.

Attr

styles: CSSResult[] = ...
tagName: "igc-badge" = 'igc-badge'

Methods