@ng-doc/ui-kit/components/button/index.d.ts

<!-- PROJECT LOGO --> <br /> <div align="center"> <a href="https://github.com/ng-doc/ng-doc"> <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px"> </a>

import { NgDocSize, NgDocColor } from '@ng-doc/ui-kit/types';
import * as i0 from '@angular/core';

/**
 * `NgDocButtonComponent` is a reusable button component with customizable properties.
 * It can be used as a regular button, a flat button, or a text button.
 * @example
 * ```html
 * <button ng-doc-button [size]="'large'" [color]="'secondary'" [rounded]="true">Click me</button>
 * ```
 */
declare class NgDocButtonComponent {
    /**
     * Size of the button. Can be 'small', 'medium', or 'large'.
     * Default is 'small'.
     */
    size: NgDocSize;
    /**
     * Color of the button. Can be 'primary', 'secondary', etc.
     * Default is 'primary'.
     */
    color: NgDocColor;
    /**
     * Whether the button is rounded or not.
     * Default is false.
     */
    rounded: boolean;
    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocButtonComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<NgDocButtonComponent, "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", never, { "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, {}, never, ["*"], true, never>;
}

export { NgDocButtonComponent };