Navbars
3 posts tagged with "Navbars"
.app-navbar
element
The .app-navbar action standard bottom app nav bar. It belongs to the navbars category within the ui area.
Action Syntax
.app-navbar !set:icon "text" [file]
An icon in format !set:name followed by A quoted text string followed by A file reference
.app-navbar !set:icon [file]
An icon in format !set:name followed by A file reference
.app-navbar "text" [file]
A quoted text string followed by A file reference
Valid sizes
tiny
small
medium
large
extra
Examples
// Basic Usage
.app-navbar !icon "label" [block]Action code: 1358104890
Version: 0.6.4-0
Last updated: 2025-06-13
.bottom-navbar
element
The .bottom-navbar action displays a standard buttom app bar. It belongs to the navbars category within the ui area.
Action Syntax
.bottom-navbar "text"
A quoted text string
.bottom-navbar $variable
A variable name starting with $
.bottom-navbar "text" "text"
A quoted text string followed by A quoted text string
.bottom-navbar "text" "text" "text"
A quoted text string followed by A quoted text string followed by A quoted text string
Valid sizes
tiny
small
medium
large
extra
Modifiers
appendable
The .bottom-navbar action supports the appendable modifier.
.top-appbar
element
(.appbar)
The .top-appbar action displays a standard top app bar. It belongs to the navbars category within the ui area.
Action Syntax
.top-appbar "text"
A quoted text string
.top-appbar $variable
A variable name starting with $
.top-appbar !set:icon "text"
An icon in format !set:name followed by A quoted text string
.top-appbar !set:icon $variable
An icon in format !set:name followed by A variable name starting with $
.top-appbar +imagetag "text"
An image tag starting with + followed by A quoted text string
.top-appbar +imagetag $variable
An image tag starting with + followed by A variable name starting with $
.top-appbar +imagetag "text" !set:icon
An image tag starting with + followed by A quoted text string followed by An icon in format !set:name
.top-appbar +imagetag $variable !set:icon
An image tag starting with + followed by A variable name starting with $ followed by An icon in format !set:name
Valid sizes
tiny
small
medium
large
extra
Modifiers
goto
The .top-appbar action supports the goto modifier.