LgBigMessage

LgBigMessage affiche un message d'information centré avec une icône, un titre, une description et, si besoin, un contenu complémentaire. Il convient aux états pleine page comme une ressource introuvable ou un accès non autorisé.

<LgBigMessage IconName="@IconNames.Error"
              Title="#PageNotFoundTitle"
              Description="#PageNotFoundDescription" />

• Espace de noms : Lagoon.UI.Components
• Hérite de : LgComponentBase
• Package NuGet : Lagoon.UI

Utilisation

Démonstration

Essayez ce composant dans le showcase Lagoon.

Message pleine page

Utilisez Title et Description pour donner une explication courte et traduite à l'utilisateur. L'icône est fournie par IconName.

AccessDeniedPage.razor

<LgBigMessage IconName="@IconNames.Error"
              Title="#AccessDeniedTitle"
              Description="#AccessDeniedDescription" />

Message avec action

Ajoutez du contenu entre les balises pour proposer une action de récupération ou de navigation.

SearchUnavailablePage.razor

<LgBigMessage IconName="@IconNames.Warning"
              Title="#SearchUnavailableTitle"
              Description="#SearchUnavailableDescription">
    <LgButton Text="#RetrySearch" OnClick="RetrySearchAsync" />
</LgBigMessage>

SearchUnavailablePage.razor.cs

public partial class SearchUnavailablePage : LgPage
{
    // Relance la recherche après un état bloquant temporaire signalé par le message.
    private Task RetrySearchAsync(ActionEventArgs args)
    {
        ShowInformation("#SearchRetryStarted");
        return Task.CompletedTask;
    }
}

Propriétés

Nom	Type	Défaut	Déclaré dans	Description
CssClass	string	null	LgBigMessage	Classes CSS supplémentaires ajoutées au conteneur du message.
IconName	string	null	LgBigMessage	Nom de l'icône affichée en tête du message.
Description	string	null	LgBigMessage	Texte descriptif affiché sous le titre.
Title	string	null	LgBigMessage	Titre principal du message.
ChildContent	RenderFragment	null	LgBigMessage	Contenu personnalisé rendu sous l'icône, le titre et la description.

Accessibilité

• Utilisez des clés de traduction explicites pour Title et Description afin que le message reste compréhensible dans toutes les langues de l'application.
• Choisissez une icône cohérente avec le contexte, sans lui confier seule le sens du message.
• Si ChildContent contient une action principale, donnez-lui un libellé clair avec Text="#...".

Composants liés

• LgEmptyMessage — message pour les listes ou zones sans données.
• Toasts — retours brefs déclenchés depuis le code.