Label
Label merupakan tulisan yang diberi background dengan warna tertentu. Label sangat efektif digunakan untuk menampilkan tulisan yang penting untuk dibaca karena tampilanya yang menarik perhatian. Untuk membuat label tambahkan class label pada elemen yang dijadikan label.
Warna standar label adalah biru. Kita dapat menggantinya dengan warna lain dengan menambahkan class-class berikut:
- .secondary, menghasilkan label dengan warna abu-abu.
- .alert, menghasilkan label berwarna merah, biasanya digunakan untuk menampilkan pesan error atau peringatan.
- .warning, menghasilkan label berwarma kuning, biasanya digunakan untuk menampilkan peringatan untuk berhati-hati.
- .success, menhasilkan label berwarna hijau, biasanya digunakan untuk menampilkan pesan keberhasilan.
- .info, menghasilkan label berwarna biru muda, biasanya digunakan untuk menampilkan informasi.
Selain dapat diberi variasi warna, label juga dapat diberi variasi sudut border dengan menambah class .radius atau .round.
Skrip label.html
<div c class="label" > Label standar </div>
<div class=" label secondary"> Label secondary </div>
<div class="label warning"> Label warning border </div>
<div class="label alert round">
Label alert border round
</div>
<div class="label success radius">
Label success border radius
</div>
<div class="label info round">
Label round border round
</div>
Post a Comment for " Label"