kebab-case
Converta camelCase, snake_case ou texto comum para kebab-case (dash-case) para classes CSS, URLs e nomes de arquivos. Trata siglas e dígitos, linha a linha.
Exemplo: userAccountId → user-account-id
Cada linha é convertida separadamente. As palavras são separadas em espaços, pontuação, _ - . / e fronteiras de camelCase; siglas como XML ficam juntas e dígitos ficam presos à palavra anterior.
Ferramentas Relacionadas
Ver TodasO que é kebab-case?
Esta ferramenta converte identificadores e frases para kebab-case (também chamado de dash-case): palavras em minúsculas unidas por hifens, usado em classes CSS, atributos HTML, flags de linha de comando e caminhos de URL.
Como usar kebab-case
- Digite ou cole o texto na caixa Entrada, um identificador ou frase por linha (ou clique em Carregar exemplo).
- O texto convertido aparece instantaneamente na caixa Saída.
- Clique em Copiar para copiar o resultado.
Exemplo
getHTTPResponseCode
get-http-response-code
Quando usar kebab-case
Use-o para nomes de classes CSS, nomes de arquivos de componentes ou opções de linha de comando. Para URLs de SEO a partir de títulos com acentos, um gerador de slug que remove diacríticos é a melhor escolha.
Como funciona kebab-case
A entrada é dividida em palavras, cada palavra vai para minúsculas e as palavras são unidas com -. As palavras são separadas em espaços, pontuação e nos separadores _ - . /, e também nas mudanças de caixa dentro de identificadores: fooBar → foo + Bar, e uma sequência de sigla é mantida junta (XMLHttpRequest → XML + Http + Request). Os dígitos ficam ligados à palavra anterior (Request2Go → Request2 + Go), apóstrofos dentro de palavras são removidos (don't → dont) e letras de qualquer alfabeto (é, ñ, cirílico, grego…) são suportadas. Cada linha é convertida separadamente.
Casos de Uso Comuns
- Criar nomes de classes CSS a partir de nomes de componentes
- Converter nomes de componentes React em nomes de arquivos
- Gerar nomes de opções de CLI
- Montar segmentos de caminho de URL a partir de identificadores
Nota de Segurança
Tudo roda localmente no seu navegador; o texto que você cola não é enviado a nenhum servidor.
Perguntas Frequentes
kebab-case é a mesma coisa que um slug?
Parecido, mas esta ferramenta mantém letras acentuadas; geradores de slug costumam transliterá-las para ASCII.
Como as siglas são tratadas?
getHTTPResponseCode vira get-http-response-code.
Funciona com várias linhas?
Sim, cada linha é convertida separadamente.