Pular para o conteúdo

Exemplo - Badge

Badge (Etiqueta)

Badges são pequenos rótulos usados para destacar status, categorias ou atributos importantes de um item, como "Novo", "Atualizado" ou "Em Breve".


Exemplos Visuais

Padrão Novo Atualizado Hot

Uso em Cards

Level 99

Novo

Módulo Exemplo

Este é um exemplo de como um badge pode ser posicionado dentro de um card.


Como Utilizar

Código

{{ ui.badge(text="Novo", variant="new", icon="fa-solid fa-star") }}

Parâmetros

  • text (obrigatório): O texto exibido no badge.
  • variant (opcional): Estilo visual. Opções: 'default', 'new', 'updated', 'hot'.
  • icon (opcional): Classe de ícone Font Awesome.