Stack

Disposez des éléments en ligne ou en colonne avec un espacement régulier, sans écrire de code de mise en page pour chaque cas.

Pourquoi c’est utile

• Écarts cohérents
• Ligne ou colonne
• S’imbrique proprement

Où il trouve sa place

• Barres d’outils
• Sections de formulaire
• Contenus de cartes

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles · Documentation