Floating Action Button / Default Functionalities

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.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
Documentation
Forum
Blog
Knowledge Base
Copyright © 2001 - 2025 Syncfusion® Inc.