Gå til indholdet
LAYOUT · FREE

Stack

Arrangér elementer i en række eller kolonne med jævn afstand.

Arrangér elementer i en række eller kolonne med jævn afstand, uden at skrive layoutkode for hvert tilfælde.

Hvorfor det hjælper

  • Konsistente mellemrum
  • Række eller kolonne
  • Kan indlejres pænt

Hvor det passer

  • Værktøjslinjer
  • Formularsektioner
  • Kortindhold
Kontrollen Stack på en RayCraft-side

Eksempel

<Stack Direction="StackDirection.Column" Spacing="3">
    <Stack Align="center" Justify="space-between">
        <strong>Row, space-between</strong>
        <Badge Severity="Severity.Info">new</Badge>
    </Stack>
    <Stack Spacing="4" Wrap>
        <Button>One</Button>
        <Button Variant="Variant.Outlined">Two</Button>
        <Button Variant="Variant.Text">Three</Button>
    </Stack>
</Stack>

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation