Bootstrap 5 TutorialLesson 16Preview gratis
BS5 Spinners
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Spinner adalah indikator loading berputar yang tersedia dalam dua gaya: .spinner-border berbentuk cincin dan .spinner-grow berbentuk mengembang. Ukurannya diatur dengan varian -sm dan warnanya memakai utilitas .text-*. Spinner sering ditempatkan di dalam tombol yang dinonaktifkan selama proses berlangsung.
Poin kunci
- .spinner-border membuat spinner berbentuk cincin berputar.
- .spinner-grow membuat spinner yang membesar-mengecil.
- Varian kecil tersedia: .spinner-border-sm dan .spinner-grow-sm.
- Warna spinner memakai utilitas .text-* seperti .text-success.
- Spinner umum diletakkan di dalam tombol disabled selama proses berjalan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.