Konverter kebab-case
Ubah camelCase, snake_case, atau teks biasa menjadi kebab-case (dash-case) untuk kelas CSS, URL, dan nama file. Menangani akronim dan angka, per baris.
Contoh: userAccountId → user-account-id
Setiap baris dikonversi terpisah. Kata dipisahkan pada spasi, tanda baca, _ - . / dan batas camelCase; akronim seperti XML tetap utuh dan angka menempel pada kata sebelumnya.
Alat Terkait
Lihat SemuaApa itu kebab-case?
Alat ini mengubah identifier dan frasa menjadi kebab-case (disebut juga dash-case): kata huruf kecil yang digabung dengan tanda hubung, dipakai untuk kelas CSS, atribut HTML, flag CLI, dan path URL.
Cara menggunakan kebab-case
- Ketik atau tempel teks ke kotak Masukan – satu identifier atau frasa per baris (atau klik Muat contoh).
- Teks hasil konversi muncul seketika di kotak Keluaran.
- Klik Salin untuk menyalin hasilnya.
Contoh
getHTTPResponseCode
get-http-response-code
Kapan menggunakan kebab-case
Pakai untuk nama kelas CSS, nama file komponen, atau opsi baris perintah. Untuk URL SEO dari judul beraksen, generator slug yang menghapus diakritik adalah pilihan yang lebih baik.
Cara kerja kebab-case
Input dipecah menjadi kata, setiap kata dijadikan huruf kecil, lalu kata digabung dengan -. Kata dipecah pada spasi, tanda baca, dan pemisah _ - . /, serta pada perubahan huruf di dalam identifier: fooBar → foo + Bar, dan rentetan akronim dijaga bersama (XMLHttpRequest → XML + Http + Request). Angka tetap menempel pada kata sebelumnya (Request2Go → Request2 + Go), apostrof di dalam kata dibuang (don't → dont), dan huruf dari aksara apa pun (é, ñ, Sirilik, Yunani…) didukung. Setiap baris dikonversi terpisah.
Kasus Penggunaan Umum
- Membuat nama kelas CSS dari nama komponen
- Mengonversi nama komponen React menjadi nama file
- Membuat nama opsi CLI
- Membuat segmen path URL dari identifier
Catatan Keamanan
Semuanya berjalan secara lokal di browser Anda; teks yang Anda tempel tidak diunggah.
Pertanyaan Umum
Apakah kebab-case sama dengan slug?
Mirip, tetapi alat ini mempertahankan huruf beraksen; generator slug biasanya mentransliterasikannya ke ASCII.
Bagaimana akronim ditangani?
getHTTPResponseCode menjadi get-http-response-code.
Apakah bisa untuk banyak baris?
Ya, setiap baris dikonversi terpisah.