action

Overview
card supports the action attribute, making it clickable.
Standard Attributes
on-press
Required
Default: unset
Shorthand supported? true
on-press
If used in an object-repeat, the on-press function takes the variable declared in the 'as' parameter.
Example: Shorthand syntax
<card on-press="$:doSomething()">
    ...
</card>
Example: Longhand syntax
<card>
    <action on-press="$:doSomething()" />
</list>
Advanced Attributes
icon
Optional
Type: string
Default: unset
Shorthand supported? true
The icon to display on the right-hand side of the card. The icon can be a one of JourneyApps' supported icons.
Example: Shorthand syntax
<card icon="fa-bars">
    ...
</card>
Example: Longhand syntax
<card>
    <action icon="fa-bars" on-press="$:doSomething()" />
</list>
validate
Optional
Type: boolean
Default: false
Shorthand supported? false
Whether to run field validation before calling the associated on-press (see above). Can be either true, false, or the result of a function, e.g. $:shouldBeValidated().
<card>
    <action icon="fa-bars" on-press="$:doSomething()" validate="true" />
</list>

accent

columns

Last modified 2mo ago

action

Overview

Standard Attributes

`on-press`

Example: Shorthand syntax

Example: Longhand syntax

Advanced Attributes

`icon`

Example: Shorthand syntax

Example: Longhand syntax

`validate`