Skip to content

SiTabNextLinkComponent documentation

selector
a[si-tab-next][routerLink]

Input Properties

NameTypeDefaultDescription
badgeColor
stringBackground 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
booleanfalseClose the current tab.
disabled
booleanfalseDisables the tab.
heading
Required
TranslatableStringTitle of the tab item.
icon
stringIcon of the tab item. If provided, heading text will be ignored and only icon will be displayed.

Output Properties

NameTypeDescription
closeTriggered
voidEvent emitter to notify when a tab is closed.

Attributes and Methods

NameTypeDefaultDescription
(readonly) active
WritableSignal<boolean>false
(readonly) disabled
booleanWhether the option is disabled.
focus(...)
(origin: FocusOrigin) => voidFocuses the FocusableOption .

Parameters
ngOnDestroy()
() => voidA callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.
selectTab(...)
(retainFocus: boolean) => voidParameters
(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

Except where otherwise noted, content on this site is licensed under MIT License.