@universal-material/web/button/button.d.ts

Material web components

import { PropertyValues } from '@lit/reactive-element';
import { CSSResultGroup } from '@lit/reactive-element/css-tag';
import { HTMLTemplateResult } from 'lit';
import { UmToggleButton } from './toggle-button.js';
import '../ripple/ripple.js';
export type UmButtonVariant = 'filled' | 'tonal' | 'elevated' | 'outlined' | 'text';
export type UmButtonColor = 'primary' | 'secondary' | 'tertiary' | 'error' | undefined;
export declare class UmButton extends UmToggleButton {
    #private;
    static styles: CSSResultGroup;
    /**
     * The Button variant to render
     */
    variant: UmButtonVariant;
    /**
     * The Button color
     */
    color: UmButtonColor;
    trailingIcon: boolean;
    /**
     * Whether the button has icon or not
     *
     * _Note:_ Readonly
     */
    hasIcon: boolean;
    hasSelectionLabel: boolean;
    private readonly _textWrapper;
    private readonly _text;
    firstUpdated(changedProperties: PropertyValues): void;
    protected renderContent(): HTMLTemplateResult;
    private handleIconSlotChange;
    protected handleSelectedLabelSlotChange(e: Event): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'u-button': UmButton;
    }
}
//# sourceMappingURL=button.d.ts.map