Fieldset Demo

Fieldset

Gruppiert Eingaben oder Inhalte mit Rahmen und Legend. Unterstützt Einklappen, Icons, benutzerdefinierten Header-Content und programmatische Steuerung.

Einfach

Nur Text

Stammdaten

Inhalt des Fieldsets – hier kommen beliebige Blazor-Komponenten oder HTML rein.

Mit Icon

Adresse

Straße, PLZ, Ort …

Ohne Legend

Fieldset ohne Legend – nur Rahmen.

Einklappbar (AllowCollapse)

Geöffnet

Kontaktdaten

E-Mail, Telefon, Website …

Eingeklappt

Erweiterte Optionen

State-Binding

Aufgeklappt

Der Legend-Text und das Icon spiegeln den Zustand wider.

Collapsed: False

Benutzerdefinierter HeaderContent

Badge im Header

Rechnungspositionen 3 offen

Beliebiger Inhalt – z. B. eine Tabelle mit Rechnungspositionen.

Programmatische Steuerung

Expand / Collapse

Programmatisch gesteuert

Dieser Bereich wird über die Buttons oben gesteuert.

Verschachtelt

Nested

Firma

Stammdaten

Name, UID, IBAN …

Adresse

In Kontext (Formular-Simulation)

Formular

Persönliche Daten

Vorname

Nachname

Kontakt

class & style

class

Dieses Fieldset hat class="demo-custom-class".

style

Dieses Fieldset hat einen custom style.