Hopp til innholdet
LAYOUT · FREE

Stack

Ordne elementer i en rad eller kolonne med jevn avstand.

Ordne elementer i en rad eller kolonne med jevn avstand, uten å skrive layoutkode for hvert tilfelle.

Hvorfor det hjelper

  • Konsekvente mellomrom
  • Rad eller kolonne
  • Nestes ryddig

Hvor det passer

  • Verktøylinjer
  • Skjemaseksjoner
  • Kortinnhold
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon