Zum Inhalt springen
LAYOUT · FREE

Spacer

Elemente ans Ende einer Zeile schieben.

Ein leeres Element, das wächst, um den freien Platz in einer Zeile zu füllen, und die folgenden Elemente ans Ende schiebt.

Warum es hilft

  • Schiebt Elemente auseinander
  • Kein zusätzliches CSS
  • Funktioniert in Flex-Zeilen

Wo es passt

  • Symbolleisten
  • App-Leisten
  • Fußzeilen
Das Steuerelement Spacer auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente ยท Dokumentation