Stack

Organiza elementos en fila o columna con espaciado uniforme, sin escribir código de diseño para cada caso.

Por qué ayuda

• Espacios coherentes
• Fila o columna
• Se anida limpiamente

Dónde encaja

• Barras de herramientas
• Secciones de formulario
• Contenido de tarjetas

Ejemplo

<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles · Documentación