Einkauf
Geändert am 12.01.2026
Milch, Brot und Kaffee.
Komponenten
UI-Wrapper aus shared/ui. Features nutzen nur diese Bausteine.
Button
appUiButton auf button oder a, mit Varianten, Größen und Ladezustand.
Icon
app-ui-icon mit den Namen aus ui-icons.ts.
boldcheckcomponentheading2heading3italiclanguageslinklistlistOrderedmenumoonnotebookPenpaletteplusquoteredosuntextCursorInputtrashtypeundox
Card
appUiCard mit Header, Inhalt und Footer.
Alert
app-ui-alert für Hinweise im Inhalt.
Empty
app-ui-empty für Listen ohne Einträge.
Noch keine Notizen
Lege deine erste Notiz an, um loszulegen.
Spinner und Skeleton
Ladeanzeigen. Im Normalfall rendert app-async-content sie.
Menu
appUiMenuTrigger öffnet ein app-ui-menu.
Gewählt: comfortable
Sheet
app-ui-sheet schiebt ein Panel vom Rand herein, z. B. für die mobile Navigation.
Dialog, Confirm-Dialog und Toast
Geöffnet über UiDialogService, UiConfirmDialogService und UiToastService.
Noch keine Aktion ausgeführt.
Rich text
app-ui-rich-text zeigt gespeicherten Rich Text aus app-form-rich-text. Das HTML wird vor der Ausgabe auf die erlaubten Formate reduziert.
Einkauf
Für das Wochenende fehlt noch:
Milch
Brot
Nicht hungrig einkaufen.
Rezepte gibt es auf example.org.
Sprache und Datum
app-language-toggle schaltet die Sprache um, die Pipe localDate formatiert in der Locale der Sprache.
localDate: 'date' 12.01.2026
localDate: 'dateTime' 12.01.2026, 14:05