Callout

Documentation

Input Parameters

Name Type Description
actions string The callout actions.
className string The class name to apply to the main element.
content string The callout content.
el HTMLElement The element to render the callout to.
elTarget HTMLElement The target element to apply the callout to.
position string The callout position.
showCloseButton boolean True to show the close button.
subText string The callout sub-text.
title string The callout title.
type number The callout type.

Fabric Callout Interface

Name Type/Description
_addTarget HTMLDivElement
_closeButton HTMLButtonElement
_container HTMLDivElement
_contextualHost IContextualHost
_position string

JavaScript

var $REST = require("gd-sprest-js");

// Create the callout
var el = document.querySelector("#myCallout");
var elTarget = document.querySelector("#myCalloutTarget");
$REST.JS.Fabric.({
    el: el,
    elTarget: elTarget,
    content: "This is the callout content."
});

TypeScript

import { Fabric } from "gd-sprest-js";

// Create the callout
let el = document.querySelector("#myCallout");
let elTarget = document.querySelector("#myCalloutTarget");
Fabric.({
    el: el,
    elTarget: elTarget,
    content: "This is the callout content."
});