@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
47 lines • 1.29 kB
TypeScript
/**
* @license
* Copyright 2025 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*/
import { LitElement } from 'lit';
/**
* Fab components provide an icon.
*
* @see
* The fab component is the simplest button. Do not use the fab component in the form.
*
* Available in 6 variants:
* - variant="primary"
* - variant="secondary"
* - variant="tertiary"
* - variant="tonal-primary"
* - variant="tonal-secondary" (default)
* - variant="tonal-tertiary"
*
* The fab component is available in 3 sizes:
* - size="small" (default)
* - size="medium"
* - size="large"
*
* @version
* Material Design 3 - Expressive
*
* @link
* https://m3.material.io/components/floating-action-button/overview
*/
export declare abstract class BaseFab extends LitElement {
private buttonElement;
variant: 'primary' | 'secondary' | 'tertiary' | 'tonal-primary' | 'tonal-secondary' | 'tonal-tertiary';
size: 'small' | 'medium' | 'large';
private hasIcon;
protected getRenderClasses(): {
[x: string]: boolean;
'has-icon': boolean;
};
constructor();
protected render(): unknown;
protected renderIcon(): import("lit-html").TemplateResult<1>;
private handleClick;
private handleIconSlotChange;
}
//# sourceMappingURL=base-fab.d.ts.map