RUAL Documentation

button with text and icon

This block is part of the state ui group and was last modified in core v13.0.6.

button with text and icon v13.0.1

Generates a basic html button element with default styling.

Pin Pin Type Default
textrequired
Text to be shown within the button.
value
Type
Gives the option to overwrite the type.
value button
icon
Icon to be shown next to the button, be aware to include the icon font in your HTML/template. Icon can be updated using state.icon
value
icon: style
Style inline CSS style for the icon
uistyle
icon: class
Assigns a CSS class to the icon.
uiclass
left click
Will be executed on left click if given, the state key will also be set to 1 on execution of this function.
inpinfunction
class
Assigns a CSS class to the element.
uiclass
style
Applies inline CSS style to the element
uistyle
attributes
Adds custom attributes to the element.
uiattributes
Pin Pin Type Example
state
Returns the element to the frontend state.
state

Core Releases

v13.0.1 This block was introduced in v13.0.1, click here to see the release notes. v13.0.6 This block was last modified in v13.0.6, click here to see the release notes.
Back to state ui Return to the main group to view all sub-groups Back to state elements Return to the group to view all blocks within this group