ButtonState

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

info

The Button and ButtonState web components are available 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-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

name

Description	Defines the name of the button state.
Type	string | undefined
Default	undefined

text

Description	Defines the text of the button in this state.
Type	string | undefined
Default	undefined

icon

Description	Defines 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.
Type	string | undefined
Default	undefined

endIcon

Description	Defines 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.
Type	string | undefined
Default	undefined

showArrowButton

Description	Defines if the component is in split button mode.
Type	boolean
Default	false
Since	2.6.0

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.