Ir para o conteúdo
LAYOUT · FREE

Spacer

Empurre itens para a ponta de uma linha.

Um elemento vazio que cresce para preencher o espaço livre em uma linha e empurra os itens seguintes para o fim.

Por que ajuda

  • Afasta os itens
  • Sem CSS extra
  • Funciona em linhas flex

Onde se encaixa

  • Barras de ferramentas
  • Barras de aplicativo
  • Rodapés
O controle Spacer em uma página do RayCraft

Exemplo

<Toolbar Label="Page actions">
    <strong>Report</strong>
    <Spacer />
    <Button Variant="Variant.Text" Size="Size.Small" StartIcon="IconName.Print">Print</Button>
    <Button Size="Size.Small" StartIcon="IconName.Save">Save</Button>
</Toolbar>

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