---
name: MessageBar
description: Onesown Blazor Komponente MessageBar (Common). Verwende diesen Skill wenn du die MessageBar-Komponente verwenden, konfigurieren oder debuggen moechtest.
---

# MessageBar

**Namespace:** `Onesown.Blazor.Components`  
**Kategorie:** Common  
**Basisklasse:** `OoComponentBase`  

Horizontale Hinweisleiste für Info-, Erfolgs-, Warn- und Fehlermeldungen mit optionalem Icon, Titel, Schließen-Button und beliebigem ChildContent.

**Live-Demo:** https://components.schini.com/demo/messagebar  

## Parameter

| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
| ``BarStyle`` | ``OoMessageBarStyle`` | ``OoMessageBarStyle.Info`` | Schweregrad: Info, Success, Warning, Error. |
| ``Title`` | ``string`` |  | Optionaler fetter Titel vor dem Inhalt. |
| ``Icon`` | ``string`` |  | Material-Symbol-Name. Wenn leer, wird ein Default-Icon pro Severity verwendet. |
| ``Closable`` | ``bool`` |  | Zeigt einen Schließen-Button an. |
| ``Closed`` | ``EventCallback`` |  | Wird ausgelöst nachdem der Nutzer den Schließen-Button geklickt hat und die MessageBar ausgeblendet wurde. |
| ``ChildContent`` | ``RenderFragment`` |  | Inhalt der MessageBar. |

## Geerbte Parameter (OoComponentBase)

Alle nicht deklarierten HTML-Attribute (``class``, ``style``, ``data-*``, ``aria-*``, ...) werden an das Root-Element weitergereicht.

| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
| ``Size`` | ``string`` |  | Größe der Komponente. Mögliche Werte: OoSize.Xs, OoSize.Sm, OoSize.Md, OoSize.Lg, OoSize.Xl. Wird als CSS-Klasse am Root-Element gesetzt. |

## Hinweise

- Natives HTML-Attribut class wird automatisch an das Root-Element weitergegeben
- Natives HTML-Attribut style wird automatisch an das Root-Element weitergegeben
- Alle weiteren nicht deklarierten Attribute (data-*, aria-*, id, tabindex, …) werden ebenfalls weitergereicht
- Größe der Komponente via Size mit OoSize-Konstanten steuern (OoSize.Xs bis OoSize.Xl)
- Schweregrad wählen: BarStyle="OoMessageBarStyle.Warning" – Info (Standard), Success, Warning, Error
- Icon wird automatisch pro Schweregrad gesetzt; mit Icon="custom_icon" überschreiben
- Titel fettgedruckt vor Inhalt: Title="Achtung"
- Schließbar machen: Closable="true" zeigt X-Button; Closed-Callback für Reaktion nutzen
- Inhalt als ChildContent: beliebiges Markup zwischen den Tags (Links, fetter Text usw.)
- Kombination: Title + ChildContent für strukturierte Meldungen mit Details