Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

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

  • LitElement
    • IgcBadgeComponent

Constructors

constructor

Properties

outlined shape variant styles tagName

Constructors

constructor

  • Returns IgcBadgeComponent

Properties

outlined

outlined: boolean = false

Sets whether to draw an outlined version of the badge.

Attr

shape

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

The shape of the badge.

Attr

variant

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

The type of badge.

Attr

Static styles

styles: CSSResult = styles

Static Readonly tagName

tagName: "igc-badge" = 'igc-badge'