O que é kebab-case? Definição, exemplos e uso
4 min de leitura
kebab-case é uma convenção de nomenclatura onde as palavras ficam em minúsculas separadas por hifens: my-variable-name, background-color, user-profile-page.
Onde o kebab-case é usado?
| Contexto | Exemplo |
|---|---|
| Propriedades CSS | background-color, font-size |
| Classes 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 |
| Nomes de pacotes npm | react-router-dom |
| Lisp/Clojure | get-user-name |
kebab-case vs outras convenções
| Convenção | Exemplo |
|---|---|
| kebab-case | my-variable-name |
| camelCase | myVariableName |
| snake_case | my_variable_name |
| PascalCase | MyVariableName |
Por que não se pode usar kebab-case na maioria das linguagens?
O hifen é um operador (subtração) na maioria das linguagens: my-var é interpretado como my menos var. Por isso o kebab-case é limitado a contextos onde hifens não são operadores — CSS, atributos HTML, URLs e arquivos de configuração.
Converter para kebab-case
Use o nosso conversor kebab-case para transformar qualquer texto instantaneamente, ou experimente o hub de conversão de case.