/** * O `br-card` agrupa conteúdos sobre um mesmo assunto em um bloco destacado, como um serviço, uma notícia ou um resultado de busca. * * Organize o conteúdo nos slots `media`, `header`, `content` e `footer`, ou coloque tudo no slot padrão. * * ```html * * *

Carteira de Trabalho Digital

*

Consulte seus vínculos de emprego.

* Acessar *
* ``` * * Use `interactive` quando o card inteiro for clicável, para dar o retorno visual ao passar o mouse. * * ### Quando usar * * - Blocos independentes exibidos em grade ou lista. * - Conteúdo que combina imagem, título, texto e ações. * * ### Quando evitar * * - Dados para comparar em linhas e colunas: use `br-table`. * - Uma lista simples de textos ou links: use `br-list`. * * Consulte as [diretrizes de design do GovBR](https://www.gov.br/ds/components/card?tab=designer). * * @category Layout, Conteúdo * @status stable * @slot default - Slot para conteúdo livre do card, quando não usar a estrutura de slots nomeados. * @slot media - Slot para conteúdo de mídia exibido antes do cabeçalho. * @slot header - Slot para o conteúdo do cabeçalho do card. * @slot content - Slot para o corpo principal do card ao usar a estrutura de slots. * @slot footer - Slot para o conteúdo do rodapé do card. * * @part wrapper - Área principal do card. * @part media - Área de mídia do card. * @part header - Área do cabeçalho. * @part content - Área do conteúdo principal. * @part footer - Área do rodapé. */ export declare class BrCard { /** * Referência ao elemento host do componente. * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente. */ el: HTMLBrCardElement; /** * Identificador único do componente. * Quando omitido, um valor é gerado automaticamente. * * > **Padrão:** valor único gerado por generateUniqueId(). * */ customId: string; /** * Desabilita a interação com o componente. * */ disabled: boolean; /** * Define se o card tem hover interativo. * Quando true, o card terá efeitos visuais ao passar o mouse. * * @deprecated Use `interactive`. */ hover: boolean; /** Habilita indicação visual de interatividade. Quando informada, tem precedência sobre `hover`. */ interactive?: boolean; componentWillLoad(): void; componentDidLoad(): void; disconnectedCallback(): void; private hasMedia; private hasHeader; private hasContent; private hasFooter; private slotObserver?; private checkSlots; private getCssClassMap; private getHeaderClassMap; private getContentClassMap; private getFooterClassMap; render(): any; }