Menu

Menu

Convertir pascal case en kebab case en ligne

Convertisseur Pascal case → Kebab case

Vous cherchez à passer du Pascal case au Kebab case ? Collez votre texte dans l’outil : le résultat se met à jour en direct. Exemple : « Hello World Example » devient « hello-world-example ».

Comment fonctionne la conversion

Words are lowercase and separated by hyphens (-).

Often used in HTML attributes, CSS classes, and route slugs. Teams often land here from Pascal case searches when they already have a draft string and want reliable Kebab case output.

Exemple pas à pas

Exemple avant publication :

  • Coller : Hello World Example
  • Choisir Kebab case comme style de sortie.
  • Second try: “Quick-Brown Fox” → “quick-brown-fox”.
Résultat : hello-world-example — prêt à copier.

À propos des unités

Pascal case

PascalCase names such as UserProfileId.

Helpful reference when your source string already looks like Pascal case.

Kebab case

Produces kebab-case tokens that work in URLs and CSS.

This page outputs Kebab case so you can paste into docs, UI, or repositories.

Cas d’usage fréquents

  • Harmoniser noms de variables ou fichiers entre équipes.
  • Corriger une coquille de casse dans un titre client.
  • Préparer des chaînes pour URL ou design system.
  • Comparer Pascal case et Kebab case avant de figer une convention.

Foire aux questions

Route from component `UserProfile`?

Type `User Profile` or `user-profile` source—hyphens appear when words are separated in input.

Custom element tags?

Web components sometimes kebab-case tag names from Pascal component names—use spaced input.

Docs URL vs export name?

URL `user-profile`, file `UserProfile.tsx`—different converters for each hop.

Glued Pascal limitation?

`UserProfile` alone becomes `userprofile` in kebab mode without hyphens—add separators first.

Conclusion

Gardez cette page Pascal case → Kebab case pour obtenir du Kebab case lisible sans retaper à la main.