@umbraco-ui/uui-tabs
Version:
This package contains two elements, <uui-tab> and <uui-tab-group>
63 lines (62 loc) • 2.09 kB
TypeScript
import { LitElement } from 'lit';
declare const UUITabElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").ActiveMixinInterface) & (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").LabelMixinInterface) & typeof LitElement;
/**
* A single tab. Should be put into `<uui-tab-group>`,
* @element uui-tabs
* @slot - for label
* @slot icon - for icon
* @slot extra - for extra
* @description - All-round tab-button
* @cssprop --uui-tab-text - Define the tab text color
* @cssprop --uui-tab-text-hover - Define the tab text hover color
* @cssprop --uui-tab-text-active - Define the tab text active color
* @cssprop --uui-tab-divider - Define the tab dividers color
* @cssprop --uui-tab-padding-horizontal - Define the tab horizontal padding
*/
export declare class UUITabElement extends UUITabElement_base {
/**
* Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.
* @type {boolean}
* @attr
* @default false
*/
disabled: boolean;
/**
* Set an href, this will turns the inner button into a anchor tag.
* @type {string}
* @attr
* @default undefined
*/
href?: string;
/**
* Set an anchor tag target, only used when using href.
* @type {string}
* @attr
* @default undefined
*/
target?: '_blank' | '_parent' | '_self' | '_top';
/**
* Set the rel attribute for an anchor tag, only used when using href.
* @type {string}
* @attr
* @default undefined
*/
rel?: string;
/**
* Set the visual orientation of this tab, this changes the look and placement of the active indication.
* @type {string}
* @attr
* @default horizontal
*/
orientation?: 'horizontal' | 'vertical';
constructor();
private onHostClick;
render(): import("lit-html").TemplateResult<1>;
static styles: import("lit").CSSResult[];
}
declare global {
interface HTMLElementTagNameMap {
'uui-tab': UUITabElement;
}
}
export {};