---
tags:
  - upnote-import
---

# Blazor

## Alignments:

[MudBlazor - Blazor Component Library](https://mudblazor.com/utilities/align-items#basic-usage-center)  

horizontal ausrichten = justify

```
<MudGrid Class="d-flex justify-center">
  <MudItem>
        content
   </MudItem>
</MudGrid>
```

vertikal ausrichten = align

```
<MudGrid Class="d-flex align-center">
  <MudItem>
        @Body
   </MudItem>
</MudGrid>
```

## Spacing

[MudBlazor - Blazor Component Library](https://mudblazor.com/utilities/spacing#how-it-works)  

m = marign, p = padding

t = top, b= bottom, l = left, r = right

x = left and right

y = top and bottom

a = all 4 sides

0 - 20

oder n0-n20 für negative werte

```
<MudPaper Class="pa-4 mr-16">
    <MudText Typo="Typo.subtitle2">pa-4 mr-16</MudText>
</MudPaper>
<MudPaper Class="pa-4">
    <MudText Typo="Typo.subtitle2">pa-4</MudText>
</MudPaper>
<MudPaper Class="pa-4 ml-8">
    <MudText Typo="Typo.subtitle2">pa-4 ml-8</MudText>
</MudPaper>
```