Badge

badge

Badges are inline block elements that show text and number values. They can be used to attract attention to new or updated content if there are additional items associated with an element.

Usage

XelaBadge(
  text: "Label text",
  background: XelaColor.Blue3,
  textColor: Colors.white,
)

Properties

Name Type Default Value Required Description
text String - YES Value for badge text
background Color XelaColor.Blue3 NO Background color for badge
textColor Color Colors.White NO Foreground color for badge text