Criar emblemas no Bootstrap 5 é simples e direto. Veja como você pode fazer isso:
1. Adicione um selo: Um emblema é representado pelo elemento `
`. Dentro deste elemento, você adiciona as classes e o conteúdo necessários.
2. Classes de selo:
- `.badge`:Esta é a classe base que adiciona um emblema.
- Use uma destas classes de contexto para definir a cor do emblema:
- `.badge-primary`
- `.badge-secundário`
- `.badge-sucesso`
- `.badge-perigo`
- `.badge-warning`
- `.badge-info`
- `.badge-light`
- `.badge-escuro`
3. Exemplos de selos:
```html
Novo
Especial
```
NOTA: A classe "pílula arredondada" é necessária para crachás em forma de pílula.
4. Pílula de crachá e outros utilitários:
Bootstrap fornece classes utilitárias adicionais para adicionar mais variações. Por exemplo:
- `.badge-lg` ou `.badge-sm`:Define o tamanho do crachá (grande ou pequeno).
- `.badge-pill`:Torna o crachá arredondado como uma pílula.
5. Conteúdo Dinâmico:
Você pode usar atributos de dados ou JavaScript para definir dinamicamente o texto do emblema.