Headers
3 posts tagged with "Headers"
.back-header
element
The .back-header action Header with back button for navigation. It belongs to the headers category within the layout area.
Action Syntax
.back-header "text"
A quoted text string
.back-header $variable
A variable name starting with $
.back-header !set:icon "text"
An icon in format !set:name followed by A quoted text string
.back-header !set:icon $variable
An icon in format !set:name followed by A variable name starting with $
.back-header +imagetag !set:icon "text"
An image tag starting with + followed by An icon in format !set:name followed by A quoted text string
.back-header +imagetag !set:icon $variable
An image tag starting with + followed by An icon in format !set:name followed by A variable name starting with $
Valid sizes
tiny
small
medium
large
extra
Examples
// Basic Usage
.back-header "title"// Using Variables
// Display dynamic content from variables
.back-header $titleAction code: 3747312468
Version: 0.6.4-2
Last updated: 2025-06-13
.header
element
The .header action Creates a header bar at the top of your app. It belongs to the headers category within the layout area.
Action Syntax
.header "text"
A quoted text string
.header !set:icon "text"
An icon in format !set:name followed by A quoted text string
Valid sizes
tiny
small
medium
large
extra
Modifiers
link
The .header action supports the link modifier.
Examples
// Basic Usage
.header "Awesome"Action code: 2133981202
Version: 0.6.4-3
Last updated: 2025-06-13
.image-header
element
The .image-header action Header with background image and overlay text. It belongs to the headers category within the layout area.
Action Syntax
.image-header +imagetag "text"
An image tag starting with + followed by A quoted text string
.image-header +imagetag $variable
An image tag starting with + followed by A variable name starting with $
.image-header +imagetag !set:icon "text"
An image tag starting with + followed by An icon in format !set:name followed by A quoted text string
.image-header +imagetag !set:icon $variable
An image tag starting with + followed by An icon in format !set:name followed by A variable name starting with $
.image-header +imagetag "text" [file]
An image tag starting with + followed by A quoted text string followed by A file reference
.image-header +imagetag $variable [file]
An image tag starting with + followed by A variable name starting with $ followed by A file reference
.image-header +imagetag !set:icon "text" [file]
An image tag starting with + followed by An icon in format !set:name followed by A quoted text string followed by A file reference
.image-header +imagetag !set:icon $variable [file]
An image tag starting with + followed by 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
Styles
.back
inserts a back nav icon element on left