@hxui/angular
Version:
An Angular library based on the [HXUI design system](https://hxui.io).
35 lines (34 loc) • 1.73 kB
TypeScript
import { ElementRef, EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
import { TabsetComponent } from './tabset.component';
import * as i0 from "@angular/core";
export declare class TabDirective implements OnDestroy {
elementRef: ElementRef;
/** tab header text */
heading: string;
/** tab id */
id: string;
/** if true tab can not be activated */
disabled: boolean;
/** if true tab can be removable, additional button will appear */
removable: boolean;
/** if set, will be added to the tab's class atribute */
customClass: string;
get active(): boolean;
set active(active: boolean);
/** tab active state toggle */
get _(): boolean;
/** fired when tab became active, $event:Tab equals to selected instance of Tab component */
select: EventEmitter<TabDirective>;
/** fired when tab became inactive, $event:Tab equals to deselected instance of Tab component */
deselect: EventEmitter<TabDirective>;
/** fired before tab will be removed, $event:Tab equals to instance of removed tab */
removed: EventEmitter<TabDirective>;
addClasn: boolean;
headingRef: TemplateRef<any>;
tabset: TabsetComponent;
protected _active: boolean;
constructor(tabset: TabsetComponent, elementRef: ElementRef);
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "hx-tab, [hx-tab]", never, { "heading": "heading"; "id": "id"; "disabled": "disabled"; "removable": "removable"; "customClass": "customClass"; "active": "active"; }, { "select": "select"; "deselect": "deselect"; "removed": "removed"; }, never>;
}