govbr-ds-angular
Version:
Implementação em Angular do Design System GovBR.
91 lines (90 loc) • 3.08 kB
TypeScript
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;
}