Skip to content

Icon Widget

The icon widget provides a clickable icon button and is typically used with widget actions to initiate a cloud-side automated action or local UI navigation.

Icon Widget

To display text in a button, use the Button Widget.

Configurable components

Class NameDescription
cardBackground button card component
primaryButton component

Widget Properties

NameDescription
formName of the form to submit to.
textButton icon (E.g. $cog)

CSS Properties

PropertyDescription
backgroundBackground color of the button
colorText color of the button
border-radiusRound the button corners
box-shadowAdd a shadow to the button
--w-variantSet to elevated, flat, tonal, outlined, text or plain
--w-blockSet to true to make the button full width
--w-densitySet to compact, default or comfortable
--w-rippleSet to enable the ripple effect