## CARATTERISTICHE PRINCIPALI
Le caratteristiche chiave del componente Badge sono:

* Funzionalità di visualizzazione: il componente può visualizzare testo o icone in modo chiaro e conciso
* Personalizzabilità: il componente può essere personalizzato per adattarsi alle esigenze specifiche dell'applicazione
* Accessibilità: il componente è progettato per essere accessibile a tutti gli utenti, indipendentemente dalle loro abilità

Gli aspetti tecnici rilevanti del componente Badge includono:

* Utilizzo di HTML e CSS per la struttura e lo stile
* Supporto per diverse librerie e framework di sviluppo web

## VARIANTI
Il componente Badge ha diverse varianti disponibili, ognuna con le proprie caratteristiche e casi d'uso specifici:

* **Badge light**: una variante leggera del componente, adatta per utilizzi in cui è necessario un messaggio breve e discreto
	+ Caso d'uso: visualizzare un messaggio di conferma o avviso in una pagina web
* **Badge standard**: la variante standard del componente, adatta per utilizzi generali
	+ Caso d'uso: visualizzare informazioni aggiuntive su un prodotto o servizio
* **Badge success**: una variante del componente che indica un'esito positivo
	+ Caso d'uso: visualizzare un messaggio di conferma dopo un'azione riuscita

## BEST PRACTICES
Le raccomandazioni per l'uso del componente Badge includono:

* Utilizzare il componente in modo coerente e uniforme all'interno dell'applicazione
* Personalizzare il componente per adattarlo alle esigenze specifiche dell'applicazione
* Evitare di utilizzare il componente per visualizzare informazioni troppo lunghe o complesse

Le linee guida implementative includono:

* Utilizzare HTML e CSS per la struttura e lo stile del componente
* Testare il componente in diverse condizioni e dispositivi per garantire l'accessibilità e la compatibilità

## COMPONENTI CORRELATI
Il componente Badge è associato ai seguenti componenti:

* **Button**: il componente Button può essere utilizzato in combinazione con il componente Badge per creare un pulsante con un messaggio aggiuntivo
* **Tooltip**: il componente Tooltip può essere utilizzato per fornire ulteriori informazioni sull'elemento che si sta visualizzando

Nota: le sezioni senza informazioni sono marcate con "N.D.".

## ACCESSIBILITA'
Lo scopo dei link all’interno dei badge deve essere comprensibile fuori dal contesto della 
pagina, ovvero “isolando” il link. A questo scopo sono stati inseriti all’interno dei link degli 
elementi
 `<span>` invisibili che saranno letti dallo screen reader in aggiunta al testo visibile, 
aggiungendo significato ai link rendendo chiaro il loro scopo. Qualora ci fosse la necessità di 
modificare il testo dei link o di aggiungerne altri dovrà essere personalizzata di conseguenza 
la valorizzazione di questi `<span>`