UNPKG

@sandlada/mdc

Version:

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

60 lines 1.66 kB
/** * @license * Copyright 2025 Sandlada & Kai Orion * SPDX-License-Identifier: MIT */ import { LitElement, type PropertyValues } from 'lit'; declare global { interface HTMLElementTagNameMap { "mdc-elevation": Elevation; } } /** * Elevation is not a concept that is explicitly categorized as a component. * * It represents the shadow of an object and is usually used to express the level at which an object is located. * * @example * ```html * <button class="button"> * <mdc-elevation></mdc-elevation> * </button> * <style> * .button { * position: relative; * --mdc-elevation-level: 3; * } * .button:hover { * --mdc-elevation-level: 4; * } * .button:active { * --mdc-elevation-level: 2; * } * </style> * ``` * * @version * Material Design 3 * * @link * https://m3.material.io/styles/elevation/overview */ export declare class Elevation extends LitElement { static styles: import("lit").CSSResult; private _ignoreGlobalConfig; private _disabled; private _disabledConfigured; private _configAttributeSyncSource; private readonly globalMDCContextConsumer; get ignoreGlobalConfig(): boolean; set ignoreGlobalConfig(value: boolean); get disabled(): boolean; set disabled(value: boolean); private get effectiveDisabled(); private get globalElevationConfig(); private syncDisabledAttribute; attributeChangedCallback(name: string, old: string | null, value: string | null): void; protected render(): import("lit-html").TemplateResult<1>; protected updated(_changedProperties: PropertyValues<this>): void; } //# sourceMappingURL=elevation.d.ts.map