The BlazeWidgetItemBadgeStyle interface represents the configuration for the badge of a widget item.

Properties

position

position?: BlazeObjectPositioning

The position of the badge Relative To The Image within the widget item.

isVisible

isVisible?: boolean

A Boolean value that determines whether the badge is visible.

width

width?: number

The width of the badge.

height

height?: number

The height of the badge.

titlePadding

titlePadding?: BlazeMargins

A BlazeMargins value that defines the padding for the badge related to the widget item container.

margins

margins?: BlazeMargins

A BlazeMargins value that defines the marings for the badge related to the widget item container.

backgroundColor

backgroundColor?: string

The background color of the badge, represented by HEX value.

backgroundImage

backgroundImage?: BlazeImage

The background image of the badge.

cornerRadius

cornerRadius?: number

The corner radius of the badge.

cornerRadiusRatio

cornerRadiusRatio?: number

The corner radius ratio is a value between 0.0 and 1.0, which computes the final corner radius for the badge. Overrides corner radius property.
For example, a value of 0.5 on a 1:1 width/height badge will result in a perfect circle appearance for the badge.

borderColor

borderColor?: number

The border color of the badge, represented by HEX value.

borderWidth

borderWidth?: number

The border width of the badge.

textStyle

textStyle?: BlazeWidgetItemTitleStyle

The text style of the badge.

text

text?: string

The text value of the badge.

Initialization

BlazeWidgetItemBadge

interface BlazeWidgetItemBadge {
  position?: BlazeObjectPositioning;
  isVisible?: boolean;
  width?: number;
  height?: number;
  margins?: BlazeMargins;
  padding?: BlazeMargins;
  backgroundColor?: string;
  backgroundImage?: BlazeImage;
  cornerRadius?: number;
  cornerRadiusRatio?: number;
  borderColor?: string;
  borderWidth?: number;
  textStyle?: BlazeTitleStyle;
  text?: string;
}