Avaya Infinity Omni SDK
    Preparing search index...

    Type Alias QuickReplyButtonConfig

    QuickReplyButtonConfig: ButtonConfig & {
        inactiveButtonBackgroundColor?: CSSProperties["backgroundColor"];
        inactiveButtonBrightness?: number;
        inactiveButtonTextColor?: CSSProperties["color"];
        useInactiveBackgroundBrightness?: boolean;
    }

    The configuration for quick reply buttons, extending ButtonConfig with inactive button state properties.

    Quick reply buttons support additional styling options for inactive states, allowing you to either apply a brightness filter to the active button colors or use explicit inactive colors.

    Type Declaration

    • OptionalinactiveButtonBackgroundColor?: CSSProperties["backgroundColor"]

      Background color for inactive quick reply buttons when useInactiveBackgroundBrightness is false. This property is only used when useInactiveBackgroundBrightness is set to false.

    • OptionalinactiveButtonBrightness?: number

      The brightness value to apply for inactive state when useInactiveBackgroundBrightness is true. Values less than 1 darken the button, values greater than 1 brighten it.

      https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/filter-function/brightness

      0.8
    • OptionalinactiveButtonTextColor?: CSSProperties["color"]

      Text color for inactive quick reply buttons when useInactiveBackgroundBrightness is false. This property is only used when useInactiveBackgroundBrightness is set to false. If not specified, falls back to the fontConfig color.

    • OptionaluseInactiveBackgroundBrightness?: boolean

      Determines the styling strategy for inactive buttons.

      • When true, inactive buttons use a brightness filter (controlled by the inactiveButtonBrightness property) on the active background color.
      • When false, inactive buttons use the explicit inactiveButtonBackgroundColor and inactiveButtonTextColor properties as the background and text color respectively.
      true

    const quickReplyConfig: QuickReplyButtonConfig = {
      backgroundColor: "#4F46E5",
      fontConfig: { color: "#FFFFFF" },
      useInactiveBackgroundBrightness: true,
      inactiveButtonBrightness: 0.8
    };

    Settings