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 state v13.0.1

Generates a basic html button element with default styling.

Pin	Pin	Type	Default
text`required` 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