UNPKG

@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

28 lines (27 loc) 1.13 kB
import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base'; import { StyledButton } from './StyledButton.js'; import '@spectrum-web-components/icons-ui/icons/sp-icon-cross200.js'; import '@spectrum-web-components/icons-ui/icons/sp-icon-cross300.js'; import '@spectrum-web-components/icons-ui/icons/sp-icon-cross400.js'; import '@spectrum-web-components/icons-ui/icons/sp-icon-cross500.js'; import type { ButtonStatics } from './Button.js'; declare const CloseButton_base: typeof StyledButton & { new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface; prototype: import("@spectrum-web-components/base").SizedElementInterface; }; /** * @element sp-close-button * * @slot - text label of the Close Button * @slot icon - The icon to use for Close Button */ export declare class CloseButton extends CloseButton_base { static get styles(): CSSResultArray; /** * The visual variant to apply to this button. */ variant: ButtonStatics | ''; static: 'black' | 'white' | undefined; protected get buttonContent(): TemplateResult[]; } export {};