pyro/dist/tab/tab.d.ts

Pyro custom elements

import { LitElement } from 'lit';
/**
 * Tab element, used as child of `pyro-tab-group`
 * [docs](https://pyrojs.com/el/tab)
 *
 * ```html
 * <pyro-tab>one</pyro-tab>
 * ```
 *
 * @tag pyro-tab
 *
 * @event {ClickEvent} pyro-tab-click - emitted when the tab is clicked
 *
 * @slot - Label, overrides the label prop
 *
 * @cssprop [--pyro-tab-padding=var(--pyro-spacing)] - `padding`
 * @cssprop [--pyro-tab-text-color=var(--pyro-text-color)] - `color`
 * @cssprop [--pyro-tab-background=transparent] - `background`
 * @cssprop [--pyro-tab-border=var(--pyro-border)] - `border`
 * @cssprop [--pyro-tab-selected-border=var(--pyro-border)] - `border`
 * @cssprop [--pyro-tab-selected-border-width=calc(2 * var(--pyro-border-width))] - `border-width`
 * @cssprop [--pyro-tab-selected-border-color=var(--pyro-accent-color)] - `border-color`
 * @cssprop [--pyro-tab-gap=0px] - gap between tabs
 *
 */
export declare class PyroTab extends LitElement {
    static styles: import('lit').CSSResult;
    private handleClick;
    /** Exposed by pyro-tab-group as value in click event handler */
    value?: string | undefined;
    /** Label/text, overriden by default slot */
    label?: string;
    /** Selected */
    selected: boolean;
    /** The id of the panel the this tab shows */
    'aria-controls': string;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-tab': PyroTab;
    }
}