Stack

Ordnen Sie Elemente in einer Zeile oder Spalte mit gleichmäßigem Abstand an, ohne für jeden Fall Layoutcode zu schreiben.

Warum es hilft

• Einheitliche Abstände
• Zeile oder Spalte
• Lässt sich sauber verschachteln

Wo es passt

• Symbolleisten
• Formularabschnitte
• Karteninhalte

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente · Dokumentation