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 Updated v13.0.6

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 • Hidden when unused	`uistyle`
icon: class Assigns a CSS class to the icon. • Hidden when unused	`uiclass`
class Assigns a CSS class to the element. • Hidden when unused	`uiclass`
style Applies inline CSS style to the element • Hidden when unused	`uistyle`
attributes Adds custom attributes to the element. • Hidden when unused	`uiattributes`
events`v14.0.1` Adds event support to the element • Hidden when unused	`stateevents`

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