Loading
Visão Geral
Design System
Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.
Exemplos
Básico
Copiar código
Resetar exemplo
Abrir no StackBlitz
Alternar fundo do preview
Progresso
Copiar código
Resetar exemplo
Abrir no StackBlitz
Alternar fundo do preview
Propriedades
customId
| Atributo | custom-id |
| Descrição | Identificador único; gerado automaticamente quando omitido. |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId('br-loading') |
isMedium
| Atributo | is-medium |
| Descrição | Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio. |
| Tipo | boolean |
| Valor padrão | false |
isProgress
| Atributo | is-progress |
| Descrição | Determina o tipo de indicador a ser exibido: - Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso. - Se falso, exibirá um indicador de carregamento indeterminado. |
| Tipo | boolean |
| Valor padrão | false |
label
| Atributo | label |
| Descrição | Texto a ser exibido abaixo do indicador de carregamento. Pode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento. |
| Tipo | string |
| Valor padrão | --- |
progressPercent
| Atributo | progress-percent |
| Descrição | Define a porcentagem de progresso a ser exibida na barra de progresso. Deve ser um valor numérico entre 0 e 100. Ignorado se isProgress estiver definido como falso. |
| Tipo | number |
| Valor padrão | --- |
Dependências
Migração: Vue 1.x → Stencil 2.x
Propriedades
🟦 Propriedades renomeadas
| Propriedade Vue | Propriedade Stencil | Descrição | Tipo | Padrão |
|---|---|---|---|---|
label | label | Texto exibido abaixo. | string | --- |
medium | is-medium | Define o tamanho médio. | boolean | false |
percent | progress-percent | Porcentagem de progresso. | number | --- |
progress | is-progress | Indica se a barra de progresso está visível. | boolean | false |