Icons
8 posts tagged with "Icons"
.icon
The .icon action a basic icon. It belongs to the icons category within the ui area.
Action Syntax
.icon !set:icon.icon $variableValid sizes
Modifiers
navigate
The .icon action supports the navigate modifier.
Examples
// Basic Usage
.icon !icon// Using Variables
// Display dynamic content from variables
.icon $icontag.icon-with-label
The .icon-with-label action an icon with a label to the left or below it. It belongs to the icons category within the ui area.
Action Syntax
.icon-with-label !set:icon "text".icon-with-label !set:icon $variableValid sizes
Examples
// Basic Usage
.icon-with-label !icontag "label"// Using Variables
// Display dynamic content from variables
.icon-with-label !icontag $label.megaicon
The .megaicon action an oversized very large icon. It belongs to the icons category within the ui area.
Action Syntax
.megaicon !set:icon.megaicon $variableValid sizes
Examples
// Basic Usage
.megaicon !icon// Using Variables
// Display dynamic content from variables
.megaicon $icontag.spinner
The .spinner action shows a spinner icon. It belongs to the icons category within the ui area.
Action Syntax
.spinner !set:icon.spinner true|falseValid sizes
Tags
(duration)
controls the spin duration. larger is slower. default is -2s
Examples
// Basic Usage
.spinner !iconclear-icons
The clear-icons action clears offline/caches icons from device. It belongs to the icons category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Valid sizes
Examples
// Basic Usage
clear-iconsicon
The icon action defines an icon the app will use including optional aliases. It belongs to the icons category within the ui area.
Action Syntax
icon !set:iconicon !set:icon is !set:iconValid sizes
Examples
// Basic Usage
icon !icontaglist-icons
The list-icons action lists the icons stored and available for offline use. It belongs to the icons category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Return Value
This function returns a
$result = list-icons Valid sizes
Examples
// Basic Usage
list-iconsset-iconset
The set-iconset action sets the default iconset. It belongs to the icons category within the ui area.
Action Syntax
set-iconset !set:iconset-iconset $variableExamples
// Basic Usage
set-iconset !mdi// Using Variables
// Display dynamic content from variables
set-iconset $iconset