Daftar materi · Materi 1 dari 3
Fondasi · Materi 1 dari 3
Praktik Utility-First
Tata sebuah tombol dengan kelas-kelas kecil yang masing-masing punya satu tugas, tanpa menulis CSS sendiri.
1 menit 0 komentar
Tiap utility class mengerjakan satu hal: px-5 memberi jarak kiri-kanan, rounded-full membulatkan sudut. Gabungkan, dan jadilah sebuah komponen.
<button class="rounded-full bg-pink-500 px-5 py-2 font-semibold text-white hover:bg-pink-600">Save</button>Kenapa cara ini enak
Kamu tidak perlu mengarang nama kelas, dan mengubah satu tombol tidak akan merusak halaman lain.
Diskusi
Masuk dulu untuk ikut berkomentar. Masuk
Belum ada diskusi di sini. Jadilah yang pertama bertanya.