@progress/kendo-angular-layout
Version:
Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts
76 lines (75 loc) • 3.77 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { QueryList } from '@angular/core';
import { SVGIcon } from '@progress/kendo-svg-icons';
import { TabContentDirective } from '../directives/tab-content.directive';
import { TabTitleDirective } from '../directives/tab-title.directive';
import { TabTemplateDirective } from '../directives/tab.directive';
import * as i0 from "@angular/core";
/**
* Represents the tab component of the TabStrip.
*/
export declare class TabStripTabComponent {
/**
* Sets the tab title ([see example](slug:tabs_tabstrip#toc-tab-titles)).
*/
title: string;
/**
* Used to disable a tab ([see example]({% slug tabs_tabstrip %}#toc-disabled-tabs)).
*
* Defaults to `false`.
*/
disabled: boolean;
/**
* The CSS classes that will be rendered on the `tab` element.
* Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']).
*/
cssClass: any;
/**
* The CSS styles that will be rendered on the `tab` element.
* Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
*/
cssStyle: any;
/**
* Determines which tab will be selected upon the initial loading of the TabStrip
* ([see example](slug:tabs_tabstrip#toc-selected-tab)).
*/
selected: boolean;
/**
* When set to `true`, a close button will be rendered inside the tab.
* This option overrides the value of the TabStrip `closable` option.
*/
closable: boolean;
/**
* Defines the name for an existing font icon in the Kendo UI theme for the close icon.
* This option overrides the value of the TabStrip `closeIcon` option.
*/
closeIcon: string;
/**
* Allows the usage of custom icons by defining a custom CSS class, or multiple classes separated by spaces.
* This option overrides the value of the TabStrip `closeIcon` option.
*/
closeIconClass: string;
/**
* Defines an SVGIcon to be rendered for the close icon.
* The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
*/
closeSVGIcon: SVGIcon;
get tabContent(): TabContentDirective;
get tabTitle(): TabTitleDirective;
get tabTemplate(): TabTemplateDirective;
_tabDirective: QueryList<TabTemplateDirective>;
_tabContent: QueryList<TabContentDirective>;
_tabTitleDirective: QueryList<TabTitleDirective>;
/**
* @hidden
*
* Currently only disabled tabs can be focused. Otherwise they will be
* immediately selected
*/
focused: boolean;
static ɵfac: i0.ɵɵFactoryDeclaration<TabStripTabComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TabStripTabComponent, "kendo-tabstrip-tab", ["kendoTabStripTab"], { "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeIconClass": { "alias": "closeIconClass"; "required": false; }; "closeSVGIcon": { "alias": "closeSVGIcon"; "required": false; }; }, {}, ["_tabDirective", "_tabContent", "_tabTitleDirective"], never, true, never>;
}