/** * ## Design System * * Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o [Design System do GovBR](https://www.gov.br/ds/components/button?tab=designer). * * @slot default - Slot para o rótulo ou conteúdo do botão. * @part button - Parte para o elemento button interno, usada para estilos customizados via ::part(button). */ export declare class Button { /** * Referência ao elemento host do componente. * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente. */ el: HTMLBrButtonElement; elementInternals: ElementInternals; /** * Define se o botão usará um esquema de cores escuro. */ readonly colorMode: 'dark'; /** * Identificador único; gerado automaticamente quando omitido. */ readonly customId: string; /** * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido. */ readonly density: 'large' | 'medium' | 'small'; /** * Desativa o botão, tornando-o não interativo. */ readonly disabled: boolean; /** * Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes. */ readonly emphasis: 'primary' | 'secondary' | 'tertiary'; /** * Indica se o botão está no estado ativo. * Se definido como verdadeiro, o botão será exibido como ativo. */ readonly isActive: boolean; /** * Aplica o estado de "progresso" ao botão. * O botão exibirá um indicador de carregamento ou progresso. */ readonly isLoading: boolean; /** * Define o formato do botão. */ readonly shape: 'circle' | 'block' | 'pill'; /** * Define o tipo de botão, especificando seu comportamento padrão. */ readonly type: 'button' | 'reset' | 'submit'; /** * Define o valor inicial do botão em um formulário. */ readonly value: string; /** * Define o índice de tabulação do botão. * Útil para remover o botão da sequência de tabulação (tabindex="-1") quando ele é puramente decorativo ou o foco é gerenciado por um componente pai. */ readonly customTabIndex?: number; /** * Define o rótulo acessível do botão. * Este rótulo é usado por tecnologias assistivas para descrever a função do botão. * É especialmente importante para botões com formato circular, onde o texto pode não ser visível. * Se o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console. */ readonly ariaLabel: string; /** * Define o estado de pressionado do botão. * Este atributo é usado para indicar se o botão está atualmente pressionado ou não. * É especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado. * O valor deve ser 'true' ou 'false'. */ readonly ariaPressed: string; private readonly handleClick; componentDidLoad(): void; private getCssClassMap; render(): any; }