Button
Demonstration and configuration of the Radzen Blazor Button component.
Filled Buttons link
These are the default Radzen Buttons.
Filled Shades
Filled Light and Dark
Light and Dark button styles don't have Shades
Flat Buttons link
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 link
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 link
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 link
Text, icons and images can be added to a button.
Icon only button
Icon and text button
Images
Button Sizes link
Use the Size property to set button size. Available sizes are ExtraSmall, Small, Medium (default), and Large.
Icon
Text
Icon and Text
FAB link
Floating action button.
Disabled Button link
Use Disabled="true" to disable a button.
Busy button link
Use IsBusy="true" to show the busy indicator.
Keyboard Navigation link
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Button component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a button. |
| Enter | Click the focused button. |
| Space | Click the focused button. |
Supercharge your Blazor development with Radzen
Whether you prefer a standalone environment or integration directly within Visual Studio, Radzen provides a powerful toolkit to increase development speed, reduce repetitive coding, and focus on building exceptional applications.
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.
Radzen Blazor for Visual Studio
Radzen Blazor for Visual Studio extension streamlines Blazor development within the Visual Studio environment. The Blazor extension you need to boost productivity!
Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under
MIT