import { ComponentInterface } from '../../stencil-public-runtime'; import { Placement } from 'tippy.js'; /** * A floating action button represents the primary action in an application. [Floating Action Button](https://github.com/material-components/material-components-web/tree/master/packages/mdc-fab) component. * It appears in front of all screen content, typically as a circular shape with an icon in its center. * * FABs come in three types: regular, mini, and extended * * #### Additional Hints * * **Content**: Use the label` attribute to set the text of a fab. To add an icon, use the icon` attribute. * * @slot icon-leading - For the icon to be prepended */ export declare class Fab implements ComponentInterface { private fabRipple; private tooltip?; el: HTMLInoFabElement; /** * Adds an icon to the Fab. * @deprecated This property is deprecated and will be removed with the next major release. Instead, use the `icon-leading` slot. */ icon?: string; /** * Optional, for the text label. Applicable only for Extended FAB. */ label?: string; /** * Optional, modifies the FAB to wider size which includes a text label. */ extended: boolean; /** * The position of the edge. */ edgePosition: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'none'; /** * Disables the button. */ disabled: boolean; /** * Optional, modifies the FAB to a smaller size */ mini: boolean; /** * The placement of the tooltip which will be displayed when the button is not extended. * Use `none`, if you don't want a tooltip to be displayed. */ tooltipPlacement: Placement | 'none'; clickHandler(e: any): void; watchHandler(): void; componentDidLoad(): void; private renderTooltip; disconnectedCallback(): void; /** * Simple static construct to generate unique helper text ids. */ private static HELPER_COUNTER; private static generateHelperTextId; /** * An internal auto generated id for the helper field. */ private uniqueHelperId; render(): any; }