Naar de inhoud
LAY-OUT · FREE

Stack

Rangschik items in een rij of kolom met gelijkmatige tussenruimte.

Rangschik items in een rij of kolom met gelijkmatige tussenruimte, zonder voor elk geval lay-outcode te schrijven.

Waarom het helpt

  • Consistente tussenruimtes
  • Rij of kolom
  • Nest netjes

Waar het past

  • Werkbalken
  • Formuliersecties
  • Kaartinhoud
Het besturingselement Stack op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie