Pular para o conteúdo principal

Loader Bar​

Componente Loader Bar

📘 Modo de Uso​

O Loader Bar é um indicador de progresso indeterminado que mostra que uma operação está em andamento, sem indicar o quanto falta para a conclusão.

Quando usar:

  • Durante carregamento de páginas.
  • Na inicialização de aplicativos.
  • Ao carregar dados que dependem de fatores externos (ex.: rede, APIs).

🧩 Anatomia​

Anatomia do componente Loader Bar

📋 Propriedades​

(incluir tabela de propriedades caso existam no design system, seguindo padrão dos outros componentes)

⌨️ Código​

opl.feedback.component.loaderBar

🎨 Variantes​

(caso tenha opções visuais, como cores, tamanhos ou estilos diferentes, adicionar imagens aqui)

🛡️ Boas Práticas e Acessibilidade​

  • O Loader Bar não informa progresso específico, apenas a atividade em andamento.
  • Evite usá-lo por longos períodos sem contexto — se possível, combine com mensagens de status (“Carregando dados...”).
  • Quando aplicável, prefira um Loader de progresso determinado (ex.: percentual ou steps), para reduzir ansiedade do usuário.
  • Garanta contraste adequado para que o Loader seja perceptível em diferentes temas (claro e escuro).