Zum Inhalt springen
fend-ui
Vorschau

Settings-Abschnitt

Karte für einen Einstellungsbereich mit Titel, Beschreibung und optionalen Aktionen im Kopf. Sobald dirty gesetzt ist, erscheint am Fuß die Leiste „Ungespeicherte Änderungen“ mit Verwerfen und Speichern; ohne Änderungen bleibt sie unsichtbar. Den Änderungszustand verwaltet der Konsument.

Einbindung

saving zeigt den Ladezustand der Speichern-Schaltfläche und sperrt Verwerfen, damit ein laufender Speichervorgang nicht überschrieben wird.

settings.tsxtsx
import { SettingsSection } from '@lukasfend/ui/blocks/settings';

<SettingsSection
  title="Profil"
  description="Diese Angaben sehen alle im Team."
  dirty={dirty}
  saving={saving}
  onSave={save}
  onDiscard={discard}
>
  <Profilfelder />
</SettingsSection>;