I'm a newcomer to MudBlazor and struggling with a basic task.
My goal is to create a structured layout resembling a table with a fixed number of cells, like this:
Mountains 5
Lakes 3
The names on the left should be regular size while the numbers are larger, indicated by h4 tags.
"Mountains" and "Lakes" should be vertically centered with their respective values, so that the center of "Mountains" aligns with the center of "5".
This is my initial approach:
<MudGrid Justify="Justify.Center" Class="flex-grow-1">
<MudItem md="6" Class="d-flex">
<MudText>Mountains</MudText>
</MudItem>
<MudItem md="6" Class="d-flex">
<MudText Typo="Typo.h4">5</MudText>
</MudItem>
<MudItem md="6" Class="d-flex">
<MudText>Lakes</MudText>
</MudItem>
<MudItem md="6" Class="d-flex">
<MudText Typo="Typo.h4">3</MudText>
</MudItem>
</MudGrid>
However, the "Mountains" and "Lakes" labels appear aligned at the top. How can I center them?
I also have some additional questions:
Is there comprehensive documentation available that delves deeper into MudBlazor concepts? The current resources seem to focus mainly on examples without much explanation (like the meaning of enums in Justify).
Since I'm new to both .NET and Blazor, would you suggest using MudBlazor for beginners, or is it more suited for advanced Blazor users?
I've had an extensive discussion with ChatGPT, but we couldn't find a solution. The code provided above stems from the beginning of our conversation.
I also explored MudTable, but it appears too complex for my simple requirement.