Blazor Floating Action Button Example - Overview
Order ID | Customer ID | Freight | Ship Country |
|---|
| 10248 | VINET | $32.38 | France |
| 10249 | TOMSP | $11.61 | Germany |
| 10250 | HANAR | $65.83 | Brazil |
| 10251 | VICTE | $41.34 | France |
| 10252 | SUPRD | $51.30 | Belgium |
| 10253 | HANAR | $58.17 | Brazil |
| 10248 | VINET | $32.38 | France |
| 10249 | TOMSP | $11.61 | Germany |
| 10250 | HANAR | $65.83 | Brazil |
| 10251 | VICTE | $41.34 | France |
| 10252 | SUPRD | $51.30 | Belgium |
| 10253 | HANAR | $58.17 | Brazil |
This sample demonstrates the usage of the Floating Action Button (FAB) component to add a new record to a DataGrid.
The FAB is a button that appears in front of all screen contents and performs the primary action. In this example, the FAB is positioned at the bottom left of the DataGrid target to perform the add new record action, demonstrating practical integration with data components.