flexi-button
Version:
A highly customizable button component for Angular
21 lines (20 loc) • 2.43 kB
TypeScript
import * as i0 from "@angular/core";
export declare class FlexiButtonComponent {
readonly btnIcon: import("@angular/core").InputSignal<string | undefined>;
readonly btnColor: import("@angular/core").InputSignal<FlexiButtonColorType>;
readonly btnSize: import("@angular/core").InputSignal<FlexiButtonSizeType>;
readonly btnText: import("@angular/core").InputSignal<string | undefined>;
readonly btnType: import("@angular/core").InputSignal<FlexiButtonType>;
readonly btnDisabled: import("@angular/core").InputSignal<boolean>;
readonly firstText: import("@angular/core").InputSignal<boolean>;
readonly btnRounded: import("@angular/core").InputSignal<boolean>;
readonly loading: import("@angular/core").InputSignal<boolean>;
readonly btnFloat: import("@angular/core").InputSignal<boolean>;
readonly loadingText: import("@angular/core").InputSignal<string | undefined>;
readonly btnWidth: import("@angular/core").InputSignal<string | undefined>;
static ɵfac: i0.ɵɵFactoryDeclaration<FlexiButtonComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<FlexiButtonComponent, "flexi-button:not(p)", never, { "btnIcon": { "alias": "btnIcon"; "required": false; "isSignal": true; }; "btnColor": { "alias": "btnColor"; "required": false; "isSignal": true; }; "btnSize": { "alias": "btnSize"; "required": false; "isSignal": true; }; "btnText": { "alias": "btnText"; "required": false; "isSignal": true; }; "btnType": { "alias": "btnType"; "required": false; "isSignal": true; }; "btnDisabled": { "alias": "btnDisabled"; "required": false; "isSignal": true; }; "firstText": { "alias": "firstText"; "required": false; "isSignal": true; }; "btnRounded": { "alias": "btnRounded"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "btnFloat": { "alias": "btnFloat"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "btnWidth": { "alias": "btnWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
export type FlexiButtonColorType = "light" | "primary" | "success" | "danger" | "warning" | "info" | "dark" | "indigo" | "purple" | "pink" | "teal" | "yellow" | "secondary" | "black" | "white";
export type FlexiButtonSizeType = "x-small" | "small" | "medium" | "large";
export type FlexiButtonType = "button" | "submit";