Button

A button by default assumes no behaviour if neither a link nor an action is associated with the button. In this case, the button is semantically no different than text, but will look like a button. No pointer events are however possible.

If a hyper reference is associated with a button, a anchor with a hyper-reference will be rendered. In this case, the button is semantically a link but will look like a button and reacts to pointer events.

If a click handler is associated with a button, a native button with a click handler will be rendered. In this case, the button is both semantically a button, looks like a button, and reacts to pointer events.

A button can be disabled by use of the is-disabled attribute. This will render the user unable to interact with the button and will make the button appear transparent.

If a button is used within a context where it can be selected, such as a groups of radio buttons, the is-selected attribute can be used for visually conveying this state.

Variants

Borderless

Groups

Toolbars

Icons

Badges

API