Example of Overview in Blazor Floating Action Button Component
This sample demonstrates the usage of the Floating Action Button (FAB) component to add a new record to a DataGrid.
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 |
The FAB is a button that appears in front of all screen contents and performs the primary action. In this example, FAB is positioned at the bottom left of its target DataGrid to perform the add new record action.