Kebab case is a way of writing phrases without spaces, where spaces are replaced with hyphens -, and the words are typically all lower case. The name comes from the similarity of the words to meat on a kebab skewer. It’s often stylized as “kebab-case” to remind the reader of its appearance.

Kebab casing is often used as a variable naming convention. However, in many languages, hyphens represent subtraction, so kebab casing is not an option. CSS properties such as and are in kebab case, and so are HTML attributes such as aria-label and data-*.

Kebab-cased words are often simply referred to as hyphenated.

See also

Related glossary terms:

• typescript-eslint rule: naming-convention