Ir para o conteúdo
LAYOUT · FREE

Stack

Organize itens em linha ou coluna com espaçamento uniforme.

Organize itens em linha ou coluna com espaçamento uniforme, sem escrever código de layout para cada caso.

Por que ajuda

  • Espaços consistentes
  • Linha ou coluna
  • Aninha de forma limpa

Onde se encaixa

  • Barras de ferramentas
  • Seções de formulário
  • Conteúdo de cartões
O controle Stack em uma página do RayCraft

Exemplo

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

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles ยท Documentação