Hello Daniel,

I am attaching here a sample server project that references the material theme and seems to be working as expected for me (I am attaching a short video of the behavior you can expect - the animated bottom border being available for the TextBox only when it has a Label).

Your Vote for implementing this animation is also added (it is not implemented at the moment, the textbox label is a little experimental): https://feedback.telerik.com/blazor/1428678-animated-bottom-border-on-focus-for-material-theme-like-material-design

Regards,
Marin Bratanov
Progress Telerik

Hi Daniel,

With our latest release we added a lot of docs on custom themes through code, so I'd encourage you to review this article once more, it has tons of new content: https://docs.telerik.com/blazor-ui/themes/custom-theme.

On built-in themes such as the Material - please also review this article which we updated with new information and features (namely, the themes being available as Static Assets): https://docs.telerik.com/blazor-ui/themes/overview

On the animated border - you can Vote for and Follow its implementation in the following page: https://feedback.telerik.com/blazor/1428678-animated-bottom-border-on-focus-for-material-theme-like-material-design

So, to summarize, to use our Material theme, the easiest way is to do this:

for 2.8.0 and later:

for a commercial license

<link href="_content/telerik.ui.for.blazor/css/kendo-theme-material/all.css" rel="stylesheet" />

for a trial license:

<link href="_content/telerik.ui.for.blazor.trial/css/kendo-theme-material/all.css" rel="stylesheet" />

for all versions, you can use the CDN:

<link href="https://unpkg.com/@progress/kendo-theme-material@latest/dist/all.css" rel="stylesheet" />

This is also what our live demos use when you switch the theme to Material, there is nothing additional for our components on our demos in that regard.

Does this help you move forward? What other information would you need?

Regards,
Marin Bratanov
Progress Telerik