Class: StackedIcon

new StackedIcon(options) → {Class}

A stackedIcon component .

Parameters:

Name Type Description

options

object

The options for the component.

Properties

Name	Type	Description
`customAttributes`	object	Any custom attributes for the component.
`customClasses`	Array	An array of additional classes for the component.
`id`	string	Id for the component, auto generated if not passed.
`rendered`	string	Is the component already rendered in the dom, eg by php?
`renderOnInit`	string	Render the component on init of the class?
`spacing`	string	Spacing for the component.
`target`	string	The target to render to. Any valid css selector string.
`targetPosition`	string	The insert position for the component relative to the target.
`theme`	string	Theme for the component, primary or cosmos.

Since: 1.1.16
Source: elements/StackedIcon/index.js, line 61

Returns:

The class instance.

Type:: Class

Example

import StackedIcon from '@gravityforms/components/html/admin/elements/StackedIcon';

function Example() {
     const stackedIconInstance = new StackedIcon( {
         id: 'example-stackedIcon',
         renderOnInit: false,
         target: '#example-target',
         targetPosition: 'beforeend',
         theme: 'cosmos',
     } );

     // Some time later we can render it. This is only done if we set renderOnInit to false.
     // If true it will render on initialization.
     stackedIconInstance.init();
}

Methods

(static) init() → {void}

Initialize the component.

Since: 1.1.16
Source: elements/StackedIcon/index.js, line 171

Fires:

event:gform/stacked_icon/post_render

Returns:

Type:: void

(static) render() → {void}

Renders the component into the dom.

Since: 1.1.16
Source: elements/StackedIcon/index.js, line 146

Returns:

Type:: void

(static) stackedIconTemplate(options) → {string}

Generates the markup for a stackedIcon in the admin.

Parameters:

Name Type Description

options

object

The options for the component template.

Properties

Name	Type	Description
`customAttributes`	object	Any custom attributes.
`customClasses`	Array	An array of additional classes for the toggle.
`id`	string	Id for the stackedIcon, auto generated if not passed.
`spacing`	string \| number \| Array \| object	The spacing for the component, string, number, object or array.
`tagName`	string	Tag to use for the icon wrapper. Defaults to 'span',
`theme`	string	Theme for the toggle, primary or cosmos.
`type`	string	The icon name string.

Since: 1.1.16
Source: elements/StackedIcon/index.js, line 10

Returns:

Type:: string

Example

import { stackedIconTemplate } from '@gravityforms/components/html/admin/elements/StackedIcon';

function Example() {
     const stackedIconTemplateHTML = stackedIconTemplateTemplate( options );
     document.body.insertAdjacentHTML( 'beforeend', stackedIconTemplateHTML );
}