Documentation About Radzen
GitHub

Shadows

Shadow styles and utility CSS classes.

Utility CSS classes

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)

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

Boost your Blazor development with
Radzen Studio

Radzen Studio is a desktop tool that gives you the power to create line of business applications. Build and launch Blazor apps visually, while we generate clean code for you.
Learn More Download Radzen

Source Code licensed under MIT

An error has occurred. This application may no longer respond until reloaded. Reload 🗙