@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
50 lines • 1.54 kB
TypeScript
/**
* @license
* Copyright 2025 Sandlada & Kai Orion
* SPDX-License-Identifier: MIT
*/
import { LitElement } from 'lit';
declare global {
interface HTMLElementTagNameMap {
"mdc-icon": Icon;
}
}
declare const Icon_base: import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement>;
/**
* mdc-icon sets the size and font by default.
*
* If you use an external font, the global style of the external font
* will override the style of `@layer` mdc.icon.base.
*
* Because the priority of `@layer` style is lower than that of global style,
* you need to manually cancel the font size of the external style
* to make the font style of mdc-icon take effect.
*
* The following code example shows an icon delete
* modified by the external class style `.material-symbols-outlined`.
* You must set `style="font-size: unset;"` to make the mdc-icon icon size display normally.
*
* @example
* ```html
* <mdc-filled-tonal-button size="extra-large">
* Filled Button with Icon
* <mdc-icon slot="icon">
* <span class="material-symbols-outlined" style="font-size: unset;">
* delete
* </span>
* </mdc-icon>
* </mdc-filled-tonal-button>
* ```
* @version
* Material Design
*
* @link
* https://m3.material.io/styles/icons/overview
*/
export declare class Icon extends Icon_base {
static styles: import("lit").CSSResult;
protected render(): import("lit-html").TemplateResult<1>;
connectedCallback(): void;
}
export {};
//# sourceMappingURL=icon.d.ts.map