Example of Overview in Blazor Dashboard Layout Component
This sample demonstrates the overview of Blazor Dashboard Layout features.
$43,300
Income
$38,060
Expenses
$38,060
Balance
$38,060
Transactions
Income - Expense
Total Expenses
Recent Transactions
Transaction ID | Category | Payment Mode | Description | Amount |
---|
#131614678 | Food | Debit Card | Palmetto Cheese, Mint julep | $6 |
#131416876 | Transportation | Debit Card | Other vehicle expenses | $7 |
#1711148579 | Housing | Credit Card | Laundry and cleaning supplies | $20 |
#1922419785 | Extra Income | Cash | Income from Sale | $110 |
#2744145880 | Food | Credit Card | Muffuletta sandwich, Mint julep | $10 |
The Dashboard Layout is a grid structured layout component that helps to create a static and dynamic dashboard layouts with panels. Dashboard panels are the basic building blocks of the dashboard and can be added programmatically or dynamically at runtime. The panels hold the UI components and allow resize
, reorder
, drag and drop
, remove
and add
options. This allows users to easily place the components at the desired position within the grid layout.