IxDF Design System

“Social Signal” Component

Social signals are small messages that appear for visitors near the bottom of a page to get them to sign up to our platform. The message is created using JS and is called through JS.

Usage

import {SocialSignal} from 'modules/socialSignal.js';
SocialSignal.info('Custom social signal message, 'font-awesome icon class', settingsObject);

Settings Object

  • closeButton
    bool

    Whether or not to display a close button.

    Default Value: 1

  • containerId
    string

    The id of social signals container.

    Default Value: socialSignalsContainer

  • onClose
    function

    Callback for onClose Event.

  • socialSignalClass
    string

    The class to be applied to Social signal element.

    Default Value: socialSignalClass

  • tapToDismiss
    bool

    Use tap/click to close signal.

    Default Value: false

  • targetSelector
    string

    Selector for signals container.

    Default Value: body

  • timeOut
    int

    Set timeOut and extendedTimeOut to 0 to make it sticky.

    Default Value: 6500

  • newestOnTop
    bool

    Display newest signals at the top.

    Default Value: false