Hoppa till innehållet
LAYOUT · FREE

Stack

Ordna objekt i en rad eller kolumn med jämnt avstånd.

Ordna objekt i en rad eller kolumn med jämnt avstånd, utan att skriva layoutkod för varje fall.

Varför det hjälper

  • Konsekventa mellanrum
  • Rad eller kolumn
  • Nästlas prydligt

Var det passar

  • Verktygsfält
  • Formulärsektioner
  • Kortinnehåll
Kontrollen Stack på en RayCraft-sida

Exempel

<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>

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation