gentics-ui-core/components/button/button.component.d.ts

This is the common core framework for the Gentics CMS and Mesh UI, and other Angular applications.

import * as i0 from "@angular/core";
/**
 * A Button component.
 *
 * ```html
 * <gtx-button>Click me</gtx-button>
 * <gtx-button size="large">Buy Now!</gtx-button>
 * <gtx-button type="alert">Delete all stuff</gtx-button>
 * <gtx-button icon>
 *     <i class="material-icons">settings</i>
 * </gtx-button>
 * ```
 */
export declare class Button {
    /**
     * Sets the input field to be auto-focused. Handled by `AutofocusDirective`.
     */
    autofocus: boolean;
    /**
     * Specify the size of the button. Can be "small", "regular" or "large".
     */
    size: 'small' | 'regular' | 'large';
    /**
     * Type determines the style of the button. Can be "default", "secondary",
     * "success", "warning" or "alert".
     */
    type: 'default' | 'secondary' | 'success' | 'warning' | 'alert';
    /**
     * Setting the "flat" attribute gives the button a transparent background
     * and only depth on hover.
     */
    get flat(): boolean;
    set flat(val: boolean);
    /**
     * Setting the "icon" attribute turns the button into an "icon button", which is
     * like a flat button without a border, suitable for wrapping an icon.
     */
    get icon(): boolean;
    set icon(val: boolean);
    /**
     * Controls whether the button is disabled.
     */
    get disabled(): boolean;
    set disabled(disabled: boolean);
    /**
     * Set button as a submit button.
     */
    set submit(value: boolean);
    buttonType: string;
    isFlat: boolean;
    isIcon: boolean;
    isDisabled: boolean;
    preventDisabledClick(event: Event): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<Button, "gtx-button", never, { "autofocus": "autofocus"; "size": "size"; "type": "type"; "flat": "flat"; "icon": "icon"; "disabled": "disabled"; "submit": "submit"; }, {}, never, ["*"]>;
}