SiTabNextComponent documentation¶
selector
si-tab-nextInput Properties¶
| Name | Type | Default | Description |
|---|---|---|---|
| active ¶ | boolean | false | Whether the tab is active or not. If set to true , the tab will be selected and its content will be displayed. |
| badgeColor ¶ | string | Background color of the badge. If no color is provided a red dot badge will be rendered. | |
| badgeContent ¶ | (boolean | TranslatableString) | Additional badge content. A value of - true will render a red dot - any string without a badgeColor will render a red dot with text - any string with a badgeColor will render a normal badge | |
| closable ¶ | boolean | false | Close the current tab. |
| disabled ¶ | boolean | false | Disables the tab. |
heading ¶ | TranslatableString | Title of the tab item. | |
| icon ¶ | string | Icon of the tab item. If provided, heading text will be ignored and only icon will be displayed. |
Output Properties¶
| Name | Type | Description |
|---|---|---|
| activeChange ¶ | boolean | Whether the tab is active or not. If set to true , the tab will be selected and its content will be displayed. |
| closeTriggered ¶ | void | Event emitter to notify when a tab is closed. |
Attributes and Methods¶
| Name | Type | Default | Description |
|---|---|---|---|
| (readonly) disabled ¶ | boolean | Whether the option is disabled. | |
| focus(...) ¶ | (origin: FocusOrigin) => void | Focuses the FocusableOption .Parameters
| |
| (readonly) tabButton ¶ | ElementRef<HTMLElement> | ... | |
| (readonly) tabContent ¶ | Signal<(undefined | TemplateRef<any>)> | ... |
Types Documentation¶
| Represents a translatable string. This can either be a translation key, e.g. ACTIONS.EDIT that will be automatically translated when displayed on the UI or a pre-translated string, e.g. Edit . Equivalent to a normal string in usage and functionality. |
|---|
Translatable import imported from @siemens/element-translate-ng |
|---|
Except where otherwise noted, content on this site is licensed under MIT License.