ImmoSystem24 Designsystem

Basisbibliothek, Kompositionen, Fachmuster und elf verbundene Beispielbereiche mit gemeinsamem Demo-Zustand. Verzeichnis und offene Punkte unter „Verzeichnis“.

Referenzgruppe

Aktionen & Eingabe

Primär-/Sekundärbutton und Input

Objekt suchen

Offene Mieten

12.480 €

−4,2 % zum Vormonat

Stand heute, alle Objekte

Quick-Actions

Häufige Aufgaben mit einem Klick

Bereiche

Grundlagen

Farben, Textrollen, Radien, Schatten, Abstände, Raster.

App-Rahmen

Sidebar, Seitenkopf, Untermenüs, Breadcrumbs, Tabs.

Aktionen

Button, Button Group, Icon-Button, Link, Quick-Action mit allen Zuständen.

Formulare

Field, Input, Input Group, Einheiten-Eingaben, Textarea und Formularrezept mit Validierung.

Auswahl

Checkbox, Radio, Switch, Slider, Select, Native Select, Combobox mit Chips.

Datum/Zeit

Calendar, Datumspicker, Zeitraum mit 8 Presets, Uhrzeit 24 h.

Tabellen/Filter

Data Table mit Suche, Sortierung, Filtern, Auswahl, Sammelaktionen, mobile Karten.

Karten/Kennzahlen

Card, Kennzahlenkarte, Item, Avatar, Badge, Separator.

Diagramme

Balken, gestapelt, Linie, Fläche, Donut; Tabelle, Lade-/Leerzustand.

Dokumente

Dropzone, Validierung, Fortschritt, Retry, Attachment, Vorschau (simuliert).

Dialoge/Feedback

Dialog, Alert Dialog, Sheet, Drawer, Popover, Menüs, Tooltip, Hover Card, Alert, Toast.

Zustände

Progress, Skeleton, Spinner, Empty, Status-Badges.

Ergänzungen

Scroll Area, Resizable, Toggle, Toggle Group, Kbd, Aspect Ratio, Carousel, Input OTP.

Fachmuster

Objekt, Einheit, Person, Mietverhältnis, Mieten, Zahlungen, Aufgaben, Dokumente, Verlauf, Verknüpfung, Checkliste, Hinweis.

Verzeichnis

Komponentenverzeichnis, Tokens, Regeln, Abweichungen, Wiederverwendung.