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.

In pins 9

text required
value
Text to be shown within the button.
Type
value
Gives the option to overwrite the type.
Default button
icon
value
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
icon: style
uistyle
Style inline CSS style for the icon • Hidden when unused
icon: class
uiclass
Assigns a CSS class to the icon. • Hidden when unused
class
uiclass
Assigns a CSS class to the element. • Hidden when unused
style
uistyle
Applies inline CSS style to the element • Hidden when unused
attributes
uiattributes
Adds custom attributes to the element. • Hidden when unused
events v14.0.1
stateevents
Adds event support to the element • Hidden when unused

Out pins 1

A typical wiring for button with text and icon: value feeds the value pin; value feeds the state pin; the state out pin feeds get component child.

Used in these guides

These documentation pages use or explain this block:

Introduced in v13.0.1.

Last modified in v13.0.6.