RadzenFab (Floating Action Button) helps highlight your app's most important action. Always visible and easy to customize, it keeps key functionality just a tap or click away.
These demos showcase floating action buttons with customizable positioning using CSS properties, multiple FAB configurations for distinct actions, and busy indicator support with IsBusy property.
Use custom CSS properties to position the button on the screen. Feel free to change the position as you see fit e.g. Style="position: fixed;".
Two FABs may be used when both actions are distinct and equally important.
Use IsBusy="true" to show the busy indicator.
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor FAB component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a FAB. |
| Enter | Click the focused FAB. |
| Space | Click the focused FAB. |