canopy-pipes-kebab-case

You can convert strings to kebab-case in Angular templates by applying the LgKebabCasePipe from the @legal-and-general/canopy package. This enforces consistent kebab-case string formatting across component bindings and display text.

Using a dedicated pipe like Canopy's LgKebabCasePipe is a best practice for enforcing consistent string formatting across Angular components. It standardizes labels and routes into kebab-case directly at the template level, preventing style mismatch.

Yes, you need the Canopy design system installed. The LgKebabCasePipe requires the @legal-and-general/canopy package, the Angular framework, and proper pipe configuration to function within your frontend project.

Yes, applying the LgKebabCasePipe is ideal for transforming route strings and labels into kebab-case within Angular templates. It ensures uniform UI text and route formatting across your application.

To set up the Canopy kebab-case pipe, install the @legal-and-general/canopy package, import the LgKebabCasePipe into your Angular module, and apply the pipe operator within your template HTML to transform strings.

You should avoid template pipes for string transformation if your project does not use the Angular framework or the @legal-and-general/canopy UI component library, as the LgKebabCasePipe depends on this specific tech stack.