UNPKG

@umbraco-ui/uui-tabs

Version:

This package contains two elements, <uui-tab> and <uui-tab-group>

63 lines (62 loc) 2.09 kB
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 {};