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)

Common CSS Properties

These CSS properties configure the underlying Vuetify button component.

PropertyDescription
backgroundBackground color of the button
colorText color of the button
border-radiusRound the button corners
box-shadowAdd a shadow to the button

Vuetify CSS Properties

Set these CSS properties to modify the underlying Vuetify button component.

PropertyDescription
--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.