Skip to main content

ButtonState

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

The @ui5/webcomponents-ai package (including ButtonState) is under active development and considered experimental. Component APIs are subject to change. Furthermore, the package supports Horizon themes only.

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

Usage​

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

ES6 Module Import​

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

Properties​

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

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

name​

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

showArrowButton​

DescriptionDefines if the component is in split button mode.
Typeboolean
Defaultfalse
Since2.6.0

text​

DescriptionDefines the text of the button in this state.
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.

CSS Custom States​

No CSS custom states available for this component.