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

# Fieldset

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

Gruppierungsrahmen (HTML fieldset/legend) mit optionalem Icon, Collapse/Expand-Funktion und benutzerdefiniertem HeaderContent. Unterstützt programmatisches Ein- und Ausklappen sowie Two-Way-Binding für den Collapsed-Zustand.

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

## Parameter

| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
| ``Text`` | ``string`` |  | Text der Legend (alternativ zu HeaderContent). |
| ``Icon`` | ``string`` |  | Material-Symbol-Icon links vor dem Legend-Text. |
| ``Id`` | ``string`` |  | Optionaler Id-Attributwert des fieldset-Elements. |
| ``HeaderContent`` | ``RenderFragment`` |  | Benutzerdefinierter Header-Inhalt (überschreibt Text + Icon in der Legend). |
| ``ChildContent`` | ``RenderFragment`` |  | Haupt-Inhalt des Fieldsets. |
| ``AllowCollapse`` | ``bool`` |  | Aktiviert die Klapp-Funktion. |
| ``Collapsed`` | ``bool`` |  | Startzustand: eingeklappt. |
| ``CollapsedChanged`` | ``EventCallback<bool>`` |  | Callback wenn der Collapsed-Zustand sich ändert. |
| ``CollapseTitle`` | ``string`` | ``"Einklappen"`` | Tooltip beim Collapse-Button wenn geöffnet. |
| ``ExpandTitle`` | ``string`` | ``"Aufklappen"`` | Tooltip beim Collapse-Button wenn geschlossen. |

## 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)
- Einfacher Rahmen: Text="Abschnitt" für eine beschriftete Gruppierung
- Icon in der Legend: Icon="settings" zeigt ein Material-Symbol links neben dem Text
- Aufklappbar: AllowCollapse="true" aktiviert den Collapse-Button in der Legend
- Startzustand: Collapsed="true" startet das Fieldset eingeklappt
- Two-Way-Binding: @bind-Collapsed="_collapsed" synchronisiert den Zustand mit einer Variable
- Programmatisch: ToggleAsync(), ExpandAsync(), CollapseAsync() für externen Zugriff
- Eigener Header: HeaderContent überschreibt Text + Icon für komplexe Legend-Inhalte