Aller au contenu
MISE EN PAGE · FREE

Spacer

Poussez des éléments à l’extrémité d’une ligne.

Un élément vide qui s’étend pour remplir l’espace libre d’une ligne et pousse les éléments suivants vers la fin.

Pourquoi c’est utile

  • Écarte les éléments
  • Pas de CSS supplémentaire
  • Fonctionne dans les lignes flex

Où il trouve sa place

  • Barres d’outils
  • Barres d’application
  • Pieds de page
Le contrôle Spacer dans une page RayCraft

Exemple

<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles ยท Documentation