Skip to main content

ButtonState

<ui5-ai-button-state> | Since 2.0.0
info

The Button and ButtonState web components are availabe since 2.0 under an experimental flag and their API and behaviour are subject to change.

ui5-ai-button-state is the item to use for defining states of ui5-ai-button components.

Usage​

ui5-si-button-state is an abstract element, representing a state of ui5-ai-button. It is meant to be used in the states slot of ui5-ai-button and should be used as standalone component.

ES6 Module Import​

import "@ui5/webcomponents/dist/AiButtonState.js";

Properties​

name​

DescriptionDefines the name of the button state.
Typestring | undefined
Defaultundefined

text​

DescriptionDefines the text of the button in this state.
Typestring | undefined
Defaultundefined

icon​

DescriptionDefines the icon to be displayed as graphical element within the component before the text. The SAP-icons font provides numerous options.
Example:
See all the available icons in the Icon Explorer.
Typestring | undefined
Defaultundefined

endIcon​

DescriptionDefines the icon to be displayed as graphical element within the component after the text. The SAP-icons font provides numerous options.
Example:
See all the available icons in the Icon Explorer.
Typestring | undefined
Defaultundefined

Slots​

No slots available for this component.

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.