@limetech/lime-elements
Version:
49 lines • 1.52 kB
TypeScript
import { Icon } from '../../global/shared-types/icon.types';
/**
* @exampleComponent limel-example-icon-button-basic
* @exampleComponent limel-example-icon-button-disabled
* @exampleComponent limel-example-icon-button-elevated
* @exampleComponent limel-example-icon-button-toggle-state
* @exampleComponent limel-example-icon-button-icon
* @exampleComponent limel-example-icon-button-helper-label
* @exampleComponent limel-example-icon-button-composite
*/
export declare class IconButton {
/**
* The icon to display.
*/
icon: string | Icon;
/**
* Set to `true` to give the button our standard "elevated" look, lifting
* it off the flat layout.
*/
elevated: boolean;
/**
* The text to show to screenreaders and other assistive tech.
* It is also displayed as a tooltip when the user hovers
* or focuses the button.
*/
label: string;
/**
* Additional helper text for the tooltip.
* Example usage can be a keyboard shortcut to activate
* the function of the button.
*/
helperLabel?: string;
/**
* Set to `true` to disable the button.
*/
disabled: boolean;
private host;
connectedCallback(): void;
componentWillLoad(): void;
disconnectedCallback(): void;
componentDidLoad(): void;
private tooltipId;
private initialize;
render(): any;
private renderIcon;
private renderTooltip;
private filterClickWhenDisabled;
}
//# sourceMappingURL=icon-button.d.ts.map