Como converter camelCase para kebab-case (JavaScript, Python, CLI)

Converter camelCase para kebab-case é essencial ao transformar identificadores JavaScript em nomes de classes CSS, slugs de URL ou flags de CLI.

JavaScript

function camelToKebab(str) {
  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
}
camelToKebab("backgroundColor"); // "background-color"

Python

import re
def camel_to_kebab(s):
    return re.sub(r'(?<=[a-z0-9])(?=[A-Z])', '-', s).lower()
camel_to_kebab("backgroundColor")  # "background-color"

CLI (sed)

echo "backgroundColor" | sed 's/\([a-z]\)\([A-Z]\)/\1-\2/g' | tr '[:upper:]' '[:lower:]'

Ferramenta online

Use o conversor kebab-case ou o hub de conversão de case.