Saltar al contenido
DISEÑO · FREE

Spacer

Empuja elementos al extremo de una fila.

Un elemento vacío que crece para llenar el espacio libre de una fila y empuja los elementos siguientes hasta el final.

Por qué ayuda

  • Separa los elementos
  • Sin CSS adicional
  • Funciona en filas flex

Dónde encaja

  • Barras de herramientas
  • Barras de aplicación
  • Pies de página
El control Spacer en una página de RayCraft

Ejemplo

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

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