Conversor Kebab Case

¿Qué es kebab case?

Kebab case (también llamado kebab-case o dash-case) es una convención de nombres donde las palabras se separan con guiones y son minúsculas. Ejemplo: my-variable-name.

Kebab case vs otras convenciones

• Kebab case: my-variable-name — URLs, CSS, HTML
• Camel case: myVariableName — JavaScript, Java
• Snake case: my_variable_name — Python, bases de datos
• Pascal case: MyVariableName — C#, React

Convertir camelCase a kebab-case

Es común al transformar variables JS en clases CSS o cadenas URL. Se inserta un guion antes de cada mayúscula:

• myComponentName → my-component-name
• userProfilePage → user-profile-page

Slug en kebab-case para URLs SEO

Un slug en kebab-case es la forma estándar para URLs SEO-friendly. También puedes usar el URL Slug Generator con eliminación de palabras vacías y modo masivo.

kebab case en JavaScript, CSS y URLs REST

JavaScript usa camelCase, pero kebab case aparece en clases CSS, elementos personalizados, archivos, endpoints REST y slugs de rutas.

Dónde usar kebab case

• Clases CSS e IDs
• Slugs de URL y nombres de archivos
• Endpoints REST como /user-profiles
• Paquetes npm, ramas Git, contenedores Docker

Herramientas relacionadas

Para slugs SEO: URL Slug Generator. Para URLs permanentes: Permalink Generator.