Convertidor a kebab-case
Convierte camelCase, snake_case o texto normal a kebab-case (dash-case) para clases CSS, URLs y nombres de archivo. Gestiona siglas y dígitos, línea por línea.
Ejemplo: userAccountId → user-account-id
Cada línea se convierte por separado. Las palabras se separan en espacios, signos de puntuación, _ - . / y cambios de camelCase; los acrónimos como XML se mantienen juntos y los dígitos quedan unidos a la palabra anterior.
Herramientas Relacionadas
Ver Todas¿Qué es kebab-case?
Esta herramienta convierte identificadores y frases a kebab-case (también llamado dash-case): palabras en minúsculas unidas por guiones, que se usan en clases CSS, atributos HTML, opciones de línea de comandos y rutas de URL.
Cómo usar kebab-case
- Escribe o pega texto en el cuadro Entrada: un identificador o frase por línea (o haz clic en Cargar ejemplo).
- El texto convertido aparece al instante en el cuadro Salida.
- Haz clic en Copiar para copiar el resultado.
Ejemplo
getHTTPResponseCode
get-http-response-code
Cuándo usar kebab-case
Úsalo para nombres de clases CSS, nombres de archivos de componentes u opciones de línea de comandos. Para URLs SEO a partir de títulos con tildes, es mejor un generador de slugs que elimine los diacríticos.
Cómo funciona kebab-case
La entrada se divide en palabras, cada palabra se pasa a minúsculas y las palabras se unen con -. Las palabras se separan en espacios, signos de puntuación y los separadores _ - . /, y en los cambios de mayúsculas dentro de los identificadores: fooBar → foo + Bar, y una secuencia de siglas se mantiene junta (XMLHttpRequest → XML + Http + Request). Los dígitos quedan unidos a la palabra anterior (Request2Go → Request2 + Go), los apóstrofos dentro de las palabras se eliminan (don't → dont) y se admiten letras de cualquier alfabeto (é, ñ, cirílico, griego…). Cada línea se convierte por separado.
Casos de Uso Comunes
- Crear nombres de clases CSS a partir de nombres de componentes
- Convertir nombres de componentes React en nombres de archivo
- Generar nombres de opciones de CLI
- Construir segmentos de ruta URL a partir de identificadores
Nota de Seguridad
Todo se ejecuta localmente en tu navegador; el código que pegas no se sube a ningún servidor.
Preguntas Frecuentes
¿kebab-case es lo mismo que un slug?
Se parecen, pero esta herramienta conserva las letras con tilde; los generadores de slugs suelen transliterarlas a ASCII.
¿Cómo se tratan las siglas?
getHTTPResponseCode se convierte en get-http-response-code.
¿Funciona con varias líneas?
Sí, cada línea se convierte por separado.