Icon Bar

• Shows group of icons in popup or parent class.

Example Link

• Click here to open examples

Features/Functionality

• Shows an icon bar.
• Shows group icon also.
• On click of icons callback is called.
• Component is responsive.
• It is cross browser compatible. (Edge, Firefox, chrome).

Basic Usage

Dependencies

• jquery
• font-awesome
• shared styles

Definition

<cst-s-icon-bar schema.bind="${schema}"></cst-s-icon-bar>

Schema Description

Attribute	Value	Description
id	string type	Identifier for component.
icons	array type	Icons/Group icons to be shown.
options	object type	Options for icon component.
onClick	string type	Method to be called on click of child icons.
elmInstance	any type	Icon element instance.
subAccessCtrl	object type	Access Ctrl for the component.
subTheme	object type	Theme for the component.
subFont	object type	Font for the component.
subStyle	object type	Style for the component.
subRawAttributes	object type	Raw Attributes for the component.

options

Property	Value	Description	Value
direction	vertical/horizontal	Direction to arrange the icons.

Schema Example

let schema = {

icons = [], // array of icons consider as grouped icon also

options = {

direction: ''

},

onClick = ''

subAccessCtrl = {},

subTheme = {},

subFont = {},

subStyle = {},

subRawAttributes = {}

}