Aller au contenu
MISE EN PAGE · FREE

Panel

Une section titrée qui peut se replier et porter ses propres actions.

Une section titrée qui peut se replier et porter ses propres actions dans l’en-tête.

Pourquoi c’est utile

  • Bouton de repli
  • Actions d’en-tête
  • Titrée

Où il trouve sa place

  • Sections de paramètres
  • Filtres
  • Tableaux de bord
Le contrôle Panel dans une page RayCraft

Exemple

<Panel Title="Always open">Plain panel content.</Panel>
<Panel Title="Collapsible" Collapsible="true" @bind-Expanded="_open">
    <Actions><Button Variant="Variant.Text" Size="Size.Small" StartIcon="IconName.Refresh">Refresh</Button></Actions>
    <ChildContent>Content that can be collapsed.</ChildContent>
</Panel>
<span>Expanded: @_open</span>

@code {
    private bool _open = true;
}

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