@spectrum-web-components/button
Version:
An `<sp-button>` represents an action a user can take. sp-buttons can be clicked or tapped to perform an action or to navigate to another page. sp-buttons in Spectrum have several variations for different uses and multiple levels of loudness for various a
27 lines (26 loc) • 1.07 kB
TypeScript
import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
import { StyledButton } from './StyledButton.js';
import '@spectrum-web-components/icons-ui/icons/sp-icon-cross75.js';
import '@spectrum-web-components/icons-ui/icons/sp-icon-cross100.js';
import '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js';
import '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js';
declare const ClearButton_base: typeof StyledButton & {
new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
prototype: import("@spectrum-web-components/base").SizedElementInterface;
};
/**
* @element sp-clear-button
*
* @slot - text label of the Clear Button
* @slot icon - The icon to use for Clear Button
*/
export declare class ClearButton extends ClearButton_base {
static get styles(): CSSResultArray;
/**
* The visual variant to apply to this button.
*/
variant: 'overBackground' | '';
protected get buttonContent(): TemplateResult[];
protected render(): TemplateResult;
}
export {};