@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
52 lines • 1.84 kB
TypeScript
/**
* @license
* Copyright 2025 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*/
import { LitElement, type TemplateResult } from 'lit';
declare const BaseMDCIconButton_base: import("../../utils/behaviors/mixin").MixinReturn<import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement, import("../../utils/behaviors/element-internals").WithElementInternals>>;
/**
* The icon-button component only supports inserting one icon.
*
* @implements
* - mdc-icon-button
* - mdc-toggle-icon-button
*
* @version
* Material Design 3 - Expressive
*
* @link
* https://m3.material.io/components/icon-buttons/specs
*/
export declare abstract class BaseMDCIconButton extends BaseMDCIconButton_base {
static styles: import("lit").CSSResult[];
abstract disabled: boolean;
variant: 'filled' | 'filled-tonal' | 'outlined' | 'standard';
size: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
width: 'narrow' | 'default' | 'wide';
shape: 'round' | 'square';
/**
* When a button is clicked,
* the rounded corners of the button will change in size.
* Enable this flag to disable the change in rounded corners.
*/
disableMorph: boolean;
protected readonly buttonElement: HTMLElement | null;
focus(): void;
blur(): void;
constructor();
protected getRenderClasses(): {
[x: string]: boolean;
container: boolean;
disabled: boolean;
'disable-morph': boolean;
};
protected render(): TemplateResult;
protected renderBackground(): TemplateResult<1>;
protected renderOutline(): TemplateResult<1>;
protected renderIcon(): TemplateResult<1>;
protected renderTouchTarget(): TemplateResult<1>;
protected handleClick(e: MouseEvent): Promise<void>;
}
export {};
//# sourceMappingURL=base-icon-button.d.ts.map