diff --git a/packages/main/src/ListItem.hbs b/packages/main/src/ListItem.hbs index 2497132100e5..bb46579a5f3e 100644 --- a/packages/main/src/ListItem.hbs +++ b/packages/main/src/ListItem.hbs @@ -13,6 +13,7 @@ @click="{{_onclick}}" aria-selected="{{ariaSelected}}" role="{{_accInfo.role}}" + title="{{title}}" aria-expanded="{{_accInfo.ariaExpanded}}" aria-level="{{_accInfo.ariaLevel}}" aria-posinset="{{_accInfo.posinset}}" diff --git a/packages/main/src/ListItem.js b/packages/main/src/ListItem.js index fbd3611635ca..03b5cdf9e02b 100644 --- a/packages/main/src/ListItem.js +++ b/packages/main/src/ListItem.js @@ -46,6 +46,17 @@ const metadata = { type: Boolean, }, + /** + * Defines the tooltip of the component. + * @type {string} + * @defaultvalue "" + * @private + * @since 1.0.0-rc.15 + */ + title: { + type: String, + }, + /** * Indicates if the list item is actionable, e.g has hover and pressed effects. * diff --git a/packages/main/src/Tree.hbs b/packages/main/src/Tree.hbs index 3fbfcf5fb836..cd7c3a07d7b4 100644 --- a/packages/main/src/Tree.hbs +++ b/packages/main/src/Tree.hbs @@ -17,6 +17,7 @@ icon="{{this.treeItem.icon}}" additional-text="{{this.treeItem.additionalText}}" additional-text-state="{{this.treeItem.additionalTextState}}" + title="{{this.treeItem.title}}" ?_toggle-button-end="{{ ../_toggleButtonEnd}}" ?_minimal="{{../_minimal}}" .treeItem="{{this.treeItem}}" diff --git a/packages/main/src/TreeItem.js b/packages/main/src/TreeItem.js index 67a0813824fd..2bc24d8c67f1 100644 --- a/packages/main/src/TreeItem.js +++ b/packages/main/src/TreeItem.js @@ -91,6 +91,17 @@ const metadata = { type: ValueState, defaultValue: ValueState.None, }, + + /** + * Defines the tooltip of the component. + * @type {string} + * @defaultvalue "" + * @private + * @since 1.0.0-rc.15 + */ + title: { + type: String, + }, }, managedSlots: true, slots: /** @lends sap.ui.webcomponents.main.TreeItem.prototype */ {