Documentation About Radzen
GitHub
auto_awesome

Enjoy Material 3

This is a preview of Radzen's new Material 3 premium theme, available only to Radzen Professional or Enterprise subscribers.

Browse components with a free theme by selecting one from the dropdown above.

Shadows

Shadow styles and utility CSS classes.

Utility CSS classes link

Use these CSS classes to set box-shadow to an element e.g. class="rz-shadow-2". Each theme has its own shadows assigned. Change the theme to preview them.

.rz-shadow-0
.rz-shadow-1
.rz-shadow-2
.rz-shadow-3
.rz-shadow-4
.rz-shadow-5
.rz-shadow-6
.rz-shadow-7
.rz-shadow-8
.rz-shadow-9
.rz-shadow-10

Custom CSS properties (CSS Variables) link

These are the root theme shadow CSS variables.

You can use CSS variables in styles e.g. style="box-shadow: var(--rz-shadow-2);"

--rz-shadow-0
--rz-shadow-1
--rz-shadow-2
--rz-shadow-3
--rz-shadow-4
--rz-shadow-5
--rz-shadow-6
--rz-shadow-7
--rz-shadow-8
--rz-shadow-9
--rz-shadow-10

Introducing Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.
open_in_new Learn More play_circle_outline See in Action


Source Code licensed under MIT

New

Radzen
Blazor Studio

Accelerated, smarter, and cost-effective Blazor development

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More play_circle_outline See in Action
An error has occurred. This app may no longer respond until reloaded. Reload 🗙