Button

Introduction

The button control represents a simple push button. It is used for initiating actions, such as save or print. It can contain some text, an icon, or both; the order of the two can be configured. By applying additional styles by custom classes, applications can give a different style to any button.

Examples

Button With Text and Tooltip

Button With Text and Icon

LiteButton

The button can be displayed as lite-button using the lite property. Depending on the used theme the button is displayed less prominent.

Special buttons

There are different special layouts for buttons, emphasized, accept and reject. These designs can be activated using the style property.

Unstyled buttons

Buttons can be displayed "native" without any own CSS-styling using the styled property. This is useful for applications which need a special application-dependent style for buttons. Using the function addStyleClass applications can add their own style to the button.

button with icon using icon font

If an icon from an icon font is defined in the icon property, the properties iconHovered and iconSelected are ignored.

API Documentation

See API documentation