Buttons

8 posts tagged with "Buttons"

.back-button

element

The .back-button action displays a back button for navigation. It belongs to the buttons category within the ui area.

Action Syntax

.back-button !set:icon

An icon in format !set:name

.back-button "text"

A quoted text string

.back-button !set:icon "text"

An icon in format !set:name followed by A quoted text string

.back-button [file]

A file reference

.back-button !set:icon [file]

An icon in format !set:name followed by A file reference

.back-button "text" [file]

A quoted text string followed by A file reference

.back-button !set:icon "text" [file]

An icon in format !set:name followed by A quoted text string followed by A file reference

Valid sizes

tiny

small

medium

large

extra

Examples

// Basic Usage
.back-button !icon

Action code: 826529011

Version: 0.6.4-1

Last updated: 2025-06-13

.busy-button

buttons

element

The .busy-button action a button with a busy indicator. It belongs to the buttons category within the ui area.

Action Syntax

.busy-button "text"

A quoted text string

.busy-button !set:icon "text"

An icon in format !set:name followed by A quoted text string

.busy-button "text" [file]

A quoted text string followed by A file reference

.busy-button !set:icon "text" [file]

An icon in format !set:name followed by A quoted text string followed by A file reference

Valid sizes

tiny

small

medium

large

extra

Examples

// Basic Usage
.busy-button "label"

Action code: 3540549010

Version: 0.6.4-6

Last updated: 2025-06-13

.button

buttons

element

(.b)

The .button action Creates a clickable button that can trigger actions or navigate. It belongs to the buttons category within the ui area.

Action Syntax

.button "text"

A quoted text string

.button "text" [file]

A quoted text string followed by A file reference

.button !set:icon "text"

An icon in format !set:name followed by A quoted text string

.button !set:icon "text" [file]

An icon in format !set:name followed by A quoted text string followed by A file reference

.button $variable

A variable name starting with $

.button [file]

A file reference

.button !set:icon [file]

An icon in format !set:name followed by A file reference

Valid sizes

small

medium

large

extra

huge

Modifiers

`click`

The .button action supports the click modifier.

.button-bar

buttons

element

The .button-bar action Groups multiple buttons together in a horizontal bar layout. It belongs to the buttons category within the ui area.

Action Syntax

This action accepts various parameters. See the examples below for usage patterns.

Valid sizes

tiny

small

medium

large

extra

Examples

// Basic Usage
.button-bar

Action code: 2200172819

Version: 0.6.4-1

Last updated: 2025-06-13

.circle-button

buttons

element

The .circle-button action a circular button. It belongs to the buttons category within the ui area.

Action Syntax

.circle-button "text"

A quoted text string

.circle-button $variable

A variable name starting with $

.circle-button !set:icon

An icon in format !set:name

.circle-button +image

A value

Valid sizes

tiny

small

medium

large

extra

Examples

// Basic Usage
.circle-button "Label"

// Using Variables
// Display dynamic content from variables
.circle-button $labelvar

Action code: 4263890306

Version: 0.6.4-4

Last updated: 2025-06-13

.continue-button

buttons

element

(.continue)

The .continue-button action a button that continues an app in wait state. It belongs to the buttons category within the ui area.

Action Syntax

.continue-button "text"

A quoted text string

.continue-button $variable

A variable name starting with $

Valid sizes

tiny

small

medium

large

extra

Examples

// Basic Usage
.continue-button "label"

// Using Variables
// Display dynamic content from variables
.continue-button $label

Action code: 956291308

Version: 0.6.4-4

Last updated: 2025-06-13

.icon-button

buttons

element

The .icon-button action this is an icon button. It belongs to the buttons category within the ui area.

Action Syntax

.icon-button !set:icon

An icon in format !set:name

.icon-button !set:icon [file]

An icon in format !set:name followed by A file reference

Valid sizes

tiny

small

medium

large

extra

Examples

// Basic Usage
.icon-button !home

Action code: 1589853845

Version: 0.6.4-4

Last updated: 2025-06-13

+decorate

buttons

(.nav)

The +decorate action basic mobile navigation button with icon and a label. It belongs to the buttons category within the ui area.

Action Syntax

+decorate !set:icon "text"

An icon in format !set:name followed by A quoted text string

+decorate !set:icon "text" [file]

An icon in format !set:name followed by A quoted text string followed by A file reference

+decorate !set:icon [file]

An icon in format !set:name followed by A file reference

+decorate !set:icon $variable [file]

An icon in format !set:name followed by A variable name starting with $ followed by A file reference

Valid sizes

tiny

small

medium

large

extra

Examples

// Basic Usage
.nav-button !icon "Label"

// Using Variables
// Display dynamic content from variables
.nav-button !icon $label [block]

Action code: 3719915690

Version: 0.6.4-7

Last updated: 2025-06-13