¿Qué es kebab-case? Definición, ejemplos y uso
4 min de lectura
kebab-case es una convención de nombres donde las palabras van en minúsculas separadas por guiones: my-variable-name, background-color, user-profile-page.
¿Dónde se usa kebab-case?
| Contexto | Ejemplo |
|---|---|
| Propiedades CSS | background-color, font-size |
| Clases CSS (BEM) | .nav-bar__menu-item |
| Atributos HTML | data-user-id |
| Slugs de URL | /blog/what-is-kebab-case |
| Flags de CLI | --output-dir, --no-cache |
| Nombres de paquetes npm | react-router-dom |
| Lisp/Clojure | get-user-name |
kebab-case vs otras convenciones
| Convención | Ejemplo |
|---|---|
| kebab-case | my-variable-name |
| camelCase | myVariableName |
| snake_case | my_variable_name |
| PascalCase | MyVariableName |
¿Por qué no se puede usar kebab-case en la mayoría de lenguajes?
El guion es un operador (resta) en la mayoría de lenguajes: my-var se interpreta como my menos var. Por eso kebab-case se limita a contextos donde los guiones no son operadores — CSS, atributos HTML, URLs y archivos de configuración.
Convertir a kebab-case
Usa nuestro conversor kebab-case para transformar cualquier texto al instante, o prueba el hub de conversión de case.