ButtonsLesson 114Preview gratis
Text Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Text button adalah tombol yang tampil seperti teks biasa tanpa latar atau border. Gaya ini dibuat dengan menghapus background dan border, lalu memberi warna serta padding secukupnya. Text button cocok untuk aksi ringan, tetapi harus tetap terlihat dapat diklik melalui hover dan focus state.
Poin kunci
- Hapus background dan border agar tombol tampak seperti teks.
- Tetap gunakan elemen button untuk mempertahankan semantik dan aksesibilitas.
- Beri hover seperti garis bawah atau perubahan warna.
- focus-visible wajib ada karena tanpa border tombol mudah tidak terlihat saat difokuskan.
- Hindari text button untuk aksi utama yang butuh penekanan kuat.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.