* @class * The `ui5-tab` represents a selectable item inside a `ui5-tabcontainer`. * It defines both the item in the tab strip (top part of the `ui5-tabcontainer`) and the * content that is presented to the user once the tab is selected. * @abstract * @constructor * @extends UI5Element * @imp
| 73 | * @public |
| 74 | */ |
| 75 | @customElement({ |
| 76 | tag: "ui5-tab", |
| 77 | languageAware: true, |
| 78 | renderer: jsxRenderer, |
| 79 | template: TabTemplate, |
| 80 | styles: css, |
| 81 | }) |
| 82 | /** |
| 83 | * Fired when the tab is selected either with a mouse/tap or by using the Enter or Space key. |
| 84 | * |
| 85 | * @since 2.23.0 |
| 86 | * @public |
| 87 | * @param {Event} originalEvent The original event from the user interaction. |
| 88 | */ |
| 89 | @event("click", { |
| 90 | bubbles: true, |
| 91 | }) |
| 92 | class Tab extends UI5Element implements ITabbable, ITab { |
| 93 | eventDetails!: { |
| 94 | click: TabClickEventDetail, |
| 95 | } |
| 96 | /** |
| 97 | * The text to be displayed for the item. |
| 98 | * @default undefined |
| 99 | * @public |
| 100 | */ |
| 101 | @property() |
| 102 | text?: string; |
| 103 | |
| 104 | /** |
| 105 | * Disabled tabs can't be selected. |
| 106 | * @default false |
| 107 | * @public |
| 108 | */ |
| 109 | @property({ type: Boolean }) |
| 110 | disabled = false; |
| 111 | |
| 112 | /** |
| 113 | * Represents the "additionalText" text, which is displayed in the tab. In the cases when in the same time there are tabs with icons and tabs without icons, if a tab has no icon the "additionalText" is displayed larger. |
| 114 | * @default undefined |
| 115 | * @public |
| 116 | */ |
| 117 | @property() |
| 118 | additionalText?: string; |
| 119 | |
| 120 | /** |
| 121 | * Defines the icon source URI to be displayed as graphical element within the component. |
| 122 | * The SAP-icons font provides numerous built-in icons. |
| 123 | * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html). |
| 124 | * @default undefined |
| 125 | * @public |
| 126 | */ |
| 127 | @property() |
| 128 | icon?: string; |
| 129 | |
| 130 | /** |
| 131 | * Defines the component's design color. |
| 132 | * |
nothing calls this directly
no test coverage detected