Navigation
9 posts tagged with "Navigation"
.back
The .back action a back navigation button. It belongs to the navigation category within the interaction area.
Action Syntax
.back [file].back !set:icon [file].back !set:icon "text" [file].back "text" [file]Valid sizes
Examples
// Basic Usage
.back [block].close-icon
The .close-icon action a standard close / “x” icon to close dialogs. It belongs to the navigation category within the interaction area.
Action Syntax
.close-icon EValid sizes
Examples
// Basic Usage
.close-icon *id.goleft-effect
The .goleft-effect action page left animated goto. It belongs to the navigation category within the interaction area.
Action Syntax
.goleft-effect [file]Examples
// Basic Usage
.goleft-effect [block].goto-effect
The .goto-effect action goto effect. It belongs to the navigation category within the interaction area.
Action Syntax
.goto-effect [file]Examples
// Basic Usage
.goto-effect [blockname].navigation-bar
The .navigation-bar action a navigation bar with text and a chevron on the right. Used to drill down into more detailed info. It belongs to the navigation category within the interaction area.
Action Syntax
.navigation-bar "text" [file].navigation-bar $variable [file].navigation-bar !set:icon "text" [file].navigation-bar !set:icon $variable [file].navigation-bar +imagetag "text" [file].navigation-bar +imagetag $variable [file]Valid sizes
Examples
// Basic Usage
.navigation-bar "text" [block]// Using Variables
// Display dynamic content from variables
.navigation-bar $text [block]slide-down
The slide-down action slide down. It belongs to the navigation category within the interaction area.
Action Syntax
slide-down [file]Valid sizes
Examples
// Basic Usage
slide-down [block]slide-left
The slide-left action navigate to a block sliding left. It belongs to the navigation category within the interaction area.
Action Syntax
slide-left [file]Valid sizes
Examples
// Basic Usage
slide-left [block]slide-right
The slide-right action navigate to a block sliding right. It belongs to the navigation category within the interaction area.
Action Syntax
slide-right [file]Valid sizes
Examples
// Basic Usage
slide-right [block]slide-up
The slide-up action navigate to a block sliding right. It belongs to the navigation category within the interaction area.
Action Syntax
slide-up [file]Valid sizes
Examples
// Basic Usage
slide-up [block]