The BlazeStoryPlayerCtaStyle class represents the style configuration for the Call to Action (CTA) button in a story.

Properties

cornerRadius

cornerRadius?: number

The corner radius of the CTA buttons.

textSize

textSize?: number

The text size of the CTA text.

font

font?: BlazeFont

The font of the CTA button

The default value is systemFont

Indicates the Font BlazeFont

borderColor

borderColor?: string

The fallback border color of the CTA, as a hex string.

It applies only when the CTA coming from the CMS has no border color of its own — the CMS value always wins when present.

borderWidth

borderWidth?: number

The fallback border width of the CTA, in points on iOS and dp on Android.

It applies only when the CTA coming from the CMS has no border width — the CMS value always wins when present.

When neither the CMS nor this style supplies a border, the CTA is drawn without one.

Initialization

The BlazeStoryCtaStyle can be initialized in story player view components props with custom values for its properties or with the default values:

interface BlazeStoryCtaStyle {
  cornerRadius?: number;
  textSize?: number;
  font?: BlazeFont;
  borderColor?: string;
  borderWidth?: number;
}