Use of a Label component outside any Kendo layout component

[Licencje]

I noticed that Label component has styling based on if it is inside any kendo component, including not only layout components but Form component as well. If placed outside any of them it lacks some font styling.
Even on documentation page here body element has added k-body class in order to add proper consistent styling.
What is proper use of Label component to have consistent styling across app? I'm not using kendo layouts on every page is there a non invasive layout i can add just to apply proper styling?

[Alexander]

Hello,

Thank you for pointing this out.

Currently the KendoReact Label component is getting typography styles inherited only when rendered in certain context (e.g.: inside wrapper element with '.k-body' class or inside a form).

I have logged this issue in our Kendo Themes GitHub repo. You can subscribe to it and track its progress here:

• https://github.com/telerik/kendo-themes/issues/5530 

As a token of appreciation, I have credited the corresponding amount of Telerik points to your account. We value your feedback - thank you for helping us improve!

Meanwhile as a workaround, to ensure consistent styling across the app, I recommend applying the relevant typography styles directly to the '.k-label' class instead of relying on inherited styles. This approach avoids inconsistencies, especially in cases where the label is used outside of a Kendo layout.

I have prepared a simple demo showcasing this approach which you can check out here:

• https://stackblitz.com/edit/react-mhkhjgmv?file=app%2Fapp.jsx,app%2Fstyles.css 

Hope this answers the question. If you need any further assistance please do not hesitate to ask.

Regards,
Alexander
Progress Telerik