GitHub

Button

Demonstration and configuration of the Radzen Blazor Button component.

Filled Buttons

These are the default Radzen Buttons.

Filled Shades

Filled Light and Dark

Light and Dark button styles don't have Shades

Flat Buttons

Use Variant="Variant.Flat" for flat button variant.

Flat Shades

Flat Light and Dark

Light and Dark button styles don't have Shades

Outlined Buttons

Use Variant="Variant.Outlined" for outlined button variant.

Outlined Shades

Outlined Light and Dark

Light and Dark button styles don't have Shades

Text Buttons

Use Variant="Variant.Text" for text button variant.

Text Shades

Text Light and Dark

Light and Dark button styles don't have Shades

Content in Buttons

Text, icons and images can be added to a button.

Icon only button

Icon and text button

Images

Button Sizes

Use the Size property to set button size. Available sizes are ExtraSmall, Small, Medium (default), and Large.

Icon

Text

Icon and Text

FAB

Floating action button.

Disabled Button

Use Disabled="true" to disable a button.

Busy button

Use IsBusy="true" to show the busy indicator.

Introducing Radzen Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful business Blazor apps. Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.


Source Code licensed under MIT

New

Radzen
Blazor Studio

Radzen Blazor Studio is a desktop tool that empowers developers to create beautiful Blazor apps.

Develop your Blazor Server and WebAssembly applications visually with familiar WYSIWYG interface.

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