UNPKG

govbr-ds-angular

Version:

Implementação em Angular do Design System GovBR.

91 lines (90 loc) 3.08 kB
import { ElementRef, OnInit, Renderer2 } from '@angular/core'; import { SizeOptions } from '../../types/size.type'; import * as i0 from "@angular/core"; /** * Diretiva para estilizar botões com várias opções. * * @selector button[br-button], a[br-button] * @standalone true */ export declare class ButtonDirective implements OnInit { /** * Cor do botão. * @type {'primary' | 'secondary' | 'tertiary'} * @default 'primary' */ color: 'primary' | 'secondary' | 'tertiary'; /** * Tamanho do botão. * @type {SizeOptions} * @default 'medium' */ size: SizeOptions; /** * Classe do ícone para o botão. * @type {string} */ icon: string; /** * Conjunto de fontes para o ícone. * @type {string} * @default 'fas' */ fontSet: string; /** * Posição do ícone em relação ao texto do botão. * @type {'before' | 'after'} * @default 'before' */ positionIcon: 'before' | 'after'; /** * Indica se o botão está desabilitado. * @type {boolean} * @default false */ disabled: boolean; /** * Indica se o botão deve ser exibido como um elemento de bloco. * @type {boolean} * @default false */ block: boolean; /** * Indica se o botão está em estado de carregamento. * @type {boolean} * @default false */ loading: boolean; /** * Indica se o botão está ativo. * @type {boolean} * @default false */ active: boolean; /** * Indica se o botão deve ser exibido como um círculo. * @type {boolean} * @default false */ circle: boolean; /** * Indica se o botão deve ser exibido no modo escuro. * @type {boolean} * @default false */ inverted: boolean; el: ElementRef<any>; renderer: Renderer2; constructor(); ngOnInit(): void; setIcon(): void; createIcon(): HTMLElement; static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "button[br-button], a[br-button]", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "block": { "alias": "block"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "active": { "alias": "active"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "positionIcon": { "alias": "positionIcon"; "required": false; }; }, {}, never, never, true, never>; static ngAcceptInputType_disabled: unknown; static ngAcceptInputType_block: unknown; static ngAcceptInputType_loading: unknown; static ngAcceptInputType_active: unknown; static ngAcceptInputType_circle: unknown; static ngAcceptInputType_inverted: unknown; }