Casi d'uso del badge diagonale (band) – ZenBlocks buttonBasic
Conclusione
La funzione band aggiunge **un’etichetta diagonale** al pulsante, utile per testi brevi come `SALE`, `NEW`, `Consigliato`, `Limitato`.
—
Cos’e la band
La band e una striscia decorativa diagonale su un angolo del pulsante, simile a un badge visivo.
### Caratteristiche
– Posizionabile sui 4 angoli
– Visualizzazione diagonale
– Coloree sfondo e colore testo separati
– Indipendente da testo/icona principali
– Regolabile per dispositivo (responsive)—
Casi di utilizzo
### Caso 1: promozioni
– Testo: `SALE`, `-50%`, `Offerta limitata`
– Posizione: alto sinistra/destra### Caso 2: novita e consigliati
– Testo: `NEW`, `Consigliato`, `Popolare`
– Posizione: alto destra### Caso 3: urgenza/scarsita
– Testo: `Solo 3 posti`, `J-2`
– Posizione: alto sinistra### Caso 4: stato
– Testo: `FREE`, `PRO`, `Beta`
– Posizione: alto destra—
Configurazione
1. Apri il pannello band.
2. Inserisci testo breve (consigliato 2-6 caratteri).
3. Scegli posizione.
4. Imposta colori.
5. Regola dimensione font.
6. Verifica in front-end.—
Note
– Testi troppo lunghi rompono l’equilibrio del badge diagonale.
– Con border-radius alto, verifica il bilanciamento visivo.
– Su mobile spesso conviene ridurre leggermente la band.—
Impostazioni correlate
– [Impostazioni fascia](../band/)
– [Impostazioni stile](../style/)
– [Impostazioni layout](../layout/)