The BlazeWidgetItemAppearance interface represents the appearance and styling configuration for a widget item.

Properties

title

title?: BlazeWidgetItemTitleStyle = { ... }

A BlazeWidgetItemTitle object that defines the style settings for the title of the widget item.

statusIndicator

statusIndicator?: BlazeWidgetItemStatusIndicatorStyle = { ... }

A BlazeWidgetItemStatusIndicator object that defines the appearance settings for the status indicator of the widget item.

backgroundColor

backgroundColor?: string

A string representing the background color of the widget item.
The default value is .clear

cornerRadius

cornerRadius?: number

A number represents the corner radius of the widget item.

cornerRadiusRatio

cornerRadiusRatio?: number

The corner radius ratio is a value between 0.0 and 1.0, which computes the final corner radius for the widget item. Overrides corner radius property

image

image?: BlazeWidgetItemImageStyle = { ... }

A BlazeWidgetItemImageStyle object that defines the appearance settings for the image of the widget item.

margins

margins?: BlazeMargins

An BlazeMargins representing the margins of the widget item.

Usage

To create an instance of BlazeWidgetItemAppearance, you can either use the default values or provide your own:

const customItemStyle: BlazeWidgetItemStyle {
  title?: BlazeWidgetItemTitleStyle;
  image?: BlazeWidgetItemImageStyle;
  statusIndicator?: BlazeWidgetItemStatusIndicatorStyle;
  backgroundColor?: string;
  cornerRadius?: number;
  cornerRadiusRatio?: number;
  margins?: BlazeMargins;
  badge?: BlazeWidgetItemBadgeStyle;
}