Blazor Floating Action Button Example - Default Functionalities

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the default functionalities of the Floating Action Button (FAB) component.

The FAB is a powerful button component that appears in front of all screen contents and performs primary actions. This sample showcases various FAB configurations using key properties.

FAB variations demonstrated:

Icon only FAB: Displays only an icon using IconCss
Icon with label FAB: Combines icon and text content for better usability
Disabled FAB: Shows disabled state using the Disabled property
Label only FAB: Displays only text content without an icon

Use the CssClass property to customize FAB appearance, and the Content property to define button content.