@kelvininc/ui-components
Version:
Kelvin UI Components
36 lines (35 loc) • 1.38 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
import { HostAttributes } from '../../stencil-public-runtime';
import { EIconName } from '../icon/icon.types';
import { EComponentSize, CustomCssClass, ICustomCss } from '../../types';
/**
* @part icon - The tab's item icon.
*/
export declare class KvTabItem implements ICustomCss {
/** (required) A unique identifier for this tab */
tabKey: number | string;
/** (required) Name to show in UI for this tab */
label: string;
/** (optional) To disable this tab */
disabled?: boolean;
/** (optional) To set this tab as the selected one */
selected?: boolean;
/** (optional) To show/hide notification icon or not */
hasNotification: boolean;
/** (optional) The tab's notification color (hex value, rgb or css var format) */
notificationColor?: string;
/** (optional) The tab's icon */
icon?: EIconName;
/** (optional) Sets this tab item to a different styling configuration */
size?: EComponentSize;
/** Emitted when the tab is selected */
tabSelected: EventEmitter<number | string>;
/** (optional) Additional style to apply for custom CSS. */
customStyle?: HostAttributes['style'];
/** @inheritdoc */
customClass?: CustomCssClass;
private tabClickThrottler;
connectedCallback(): void;
private tabClick;
render(): any;
}