Contoh penggunaan fitur band – ZenBlocks buttonBasic
Kesimpulan
Fitur band menambahkan **label diagonal** pada tombol. Cocok untuk teks singkat seperti `SALE`, `NEW`, `Rekomendasi`, atau `Terbatas`.
—
Apa itu band
Band adalah pita dekoratif diagonal di sudut tombol yang berfungsi seperti badge visual.
### Karakteristik
– Bisa ditempatkan di 4 sudut
– Tampil diagonal
– Warna latar dan warna teks bisa diatur terpisah
– Terpisah dari teks/ikon utama tombol
– Bisa diatur per perangkat (responsive)—
Kasus penggunaan
### Kasus 1: promo
– Teks: `SALE`, `-50%`, `Terbatas`
– Posisi: kiri atas / kanan atas### Kasus 2: baru/rekomendasi
– Teks: `NEW`, `Rekomendasi`, `Populer`
– Posisi: kanan atas### Kasus 3: urgensi/kelangkaan
– Teks: `Sisa 3 kursi`, `J-2`
– Posisi: kiri atas### Kasus 4: status
– Teks: `FREE`, `PRO`, `Beta`
– Posisi: kanan atas—
Langkah pengaturan
1. Buka panel band.
2. Isi teks singkat (disarankan 2-6 karakter).
3. Pilih posisi.
4. Atur warna latar dan teks.
5. Sesuaikan ukuran font.
6. Cek hasil di front-end.—
Catatan
– Teks band terlalu panjang akan merusak tampilan diagonal.
– Pada tombol dengan radius besar, cek keseimbangan visual.
– Di mobile, band sering perlu diperkecil.—
Pengaturan terkait
– [Pengaturan Band](../band/)
– [Pengaturan Gaya](../style/)
– [Pengaturan Tata Letak](../layout/)