@umbraco-ui/uui-tag/lib/uui-tag.element.d.ts

Tag component from Umbraco UI components library. Comes in one shape, but different looks and sizes

import { LitElement } from 'lit';
import { UUIInterfaceColor, UUIInterfaceLook } from '@umbraco-ui/uui-base/lib/types';
/**
 *
 *  @element uui-tag
 *  @description Tag component from Umbraco UI components library. Comes in one shape, but different looks and sizes
 *  @slot - slot for tag contents
 *  @cssprop --uui-tag-font-size - overwrite the default font-size for the tag.
 *  @cssprop --uui-tag-padding - overwrite the default padding size for the tag.
 *  @cssprop --uui-tag-border-radius - overwrite the default border-radius for the tag.
 *  @cssprop --uui-tag-border-color - overwrite the default border color for the tag.
 */
export declare class UUITagElement extends LitElement {
    /**
     * Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green "confirm" button.
     * @type {"default" | "positive" | "warning" | "danger"}
     * @attr
     * @default "default"
     */
    color: UUIInterfaceColor;
    /**
     * Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green "confirm" button.
     * @type {"default" | "primary" | "secondary" | "outline" | "placeholder"}
     * @attr
     * @default "default"
     */
    look: UUIInterfaceLook;
    render(): import("lit-html").TemplateResult<1>;
    static styles: import("lit").CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        'uui-tag': UUITagElement;
    }
}