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
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.