Conversor Kebab Case

O que é kebab case?

Kebab case (também chamado de kebab-case ou dash-case) é uma convenção de nomenclatura onde as palavras são separadas por hífens e minúsculas. Exemplo: my-variable-name.

Kebab case vs outras convenções

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

Converter camelCase para kebab-case

É comum ao transformar variáveis JS em classes CSS ou strings URL. Um hífen é inserido antes de cada maiúscula:

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

Slug em kebab-case para URLs SEO

Um slug em kebab-case é o formato padrão para URLs SEO-friendly. Você também pode usar o URL Slug Generator com remoção de palavras vazias e modo em massa.

kebab case em JavaScript, CSS e URLs REST

JavaScript usa camelCase, mas kebab case aparece em classes CSS, elementos personalizados, arquivos, endpoints REST e slugs de rotas.

Onde usar kebab case

• Classes CSS e IDs
• Slugs de URL e nomes de arquivos
• Endpoints REST como /user-profiles
• Pacotes npm, branches Git, containers Docker

Ferramentas relacionadas

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