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