Aller au contenu
MISE EN PAGE · FREE

Card

Un conteneur net qui regroupe un contenu lié avec un en-tête et un pied de page.

Un conteneur net qui regroupe un contenu lié avec un en-tête et un pied de page facultatifs.

Pourquoi c’est utile

  • En-tête et pied de page
  • Aspect plat
  • Contenu flexible

Où il trouve sa place

  • Tableaux de bord
  • Listes de produits
  • Groupes de paramètres
Le contrôle Card dans une page RayCraft

Exemple

<Card Elevated>
    <Header>Card title</Header>
    <ChildContent>Any content goes here.</ChildContent>
    <Footer>
        <Button Variant="Variant.Text">Cancel</Button>
        <Button>Save</Button>
    </Footer>
</Card>

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