Alle Komponenten

Flex-Layout-Primitiv mit token-bewussten Abständen.

• Token-bewusstes Padding/Margin
• Theme-gebundene Farben

Vertikaler / horizontaler Stack mit Gap-Tokens.

• VStack / HStack
• Gap über Abstands-Tokens

Typografie-Primitiv, an Theme-Varianten gebunden.

• 10 Typ-Varianten
• Automatische Hell-/Dunkelfarbe

Display- und Headline-Typografie mit semantischen Ebenen.

• Semantische Ebenen h1-h6
• Letter-Spacing abgestimmt

Haarlinien-Trenner mit Inset-Varianten.

• Horizontal / vertikal
• Inset links/rechts

Native Druck-Skalierung mit Reduce-Motion-Unterstützung.

• Reanimated-Spring
• Haptisches Feedback optional

Automatisch scrollender Text bei Überlauf.

• Überlauf-Erkennung
• Konfigurierbare Geschwindigkeit

Kompakter Fortschritts- / Paginierungs-Indikator.

• Skalierung des aktiven Punkts
• Konfigurierbare Anzahl

Großgeschriebenes Abschnitts-Label für gruppierte Listen.

• Automatische Großschreibung
• Gedämpfte Theme-Farbe

Varianten primär, sekundär, ghost und destruktiv mit Glow-Akzent.

• 6 Varianten
• 3 Größen (sm/md/lg)
• Lade-Spinner
• Haptischer Druck

Kompaktes antippbares Icon-Ziel mit Hit-Slop.

• Automatischer Hit-Slop
• Badge-Unterstützung

Thembares Text-Input mit Label-, Helper- und Fehlerzuständen.

• Label + Fehler + Helper
• Rand-Animation beim Fokus
• Pflicht-Sternchen

Mehrzeiliges Input mit Auto-Wachstum.

• Auto-wachsende Höhe
• Zeichenzähler

Inline-Prompt-Feld für chat-artige Abläufe.

• Senden-Button-Slot
• Chat-fertiges Layout

Sheet-gestütztes Select mit durchsuchbaren Optionen.

• BottomSheet-Picker
• Such-Filterung
• Mehrfachauswahl

Suchfeld mit Lösch- und Abbrechen-Affordances.

• Lösch-Button
• Abbrechen-Animation

Barrierefreie Checkbox mit unbestimmtem Zustand.

• Unbestimmter Zustand
• Label-Slot

Radio-Gruppen-Primitiv.

• Gruppen-Kontext
• Kontrolliert/unkontrolliert

Plattformgetreuer Umschalter.

• Natives iOS-/Android-Gefühl
• Eigene Farben

Chip-Formen für Filter, Auswahl und Tags.

• Schließen-Icon
• Ausgewählter Zustand

Numerische und Punkt-Badges für Zähler und Status.

• Numerischer / Punkt-Modus
• Farbvarianten

Bild- / Initialen-Avatar mit Größen-Tokens.

• 4 Größen (sm-xl)
• Automatische Initialen aus dem Namen
• Kontrasttext

Oberflächen-Container mit Elevation-Varianten.

• Elevation-Stufen
• Antippbare Option

Gruppierter Inhaltsblock mit optionalem Header.

• Header- + Footer-Slots
• Eingerückte Trenner

Fixierter Listen-Header mit Titel, Aktion und Transformation.

• Fixiertes Scrollen
• Aktions-Button-Slot

Zeilen-Primitiv mit Leading-, Trailing- und Untertitel-Slots.

• Leading-/Trailing-Slots
• Untertitel + Chevron

Gruppierter Listen-Container mit eingerückten Trennern.

• Automatische Trenner
• Abschnitts-Header

Listenzeile mit nachgestelltem Switch-Control.

• Switch eingebaut
• Einstellungen-fertig

Einstellungen-artige Zeile mit Icon und Chevron.

• Icon + Chevron
• Untertitel-Slot

Navigationsleiste mit eigenem Rendering und gestapelten Titeln.

• Großtitel-Kollaps
• Zurück-Button-Slot

Zentriertes Modal mit Backdrop und Schließen.

• Backdrop-Schließen
• Animierter Eintritt

Gestengesteuertes Sheet mit Snap-Punkten.

• Reanimated-Gleiten
• Header/Body/Footer-Verbund
• Schließbar

Imperative Toast-Fassade mit Varianten und Positionen.

• 5 Varianten
• Position oben/unten
• Aktions-Button
• Auto-Schließen

Aktivitätsindikator, an den Theme-Akzent gebunden.

• Theme-Akzentfarbe
• Größen-Tokens

Shimmer-Platzhalter mit `.Card`-Preset.

• Shimmer-Animation
• Card-Preset-Form

Bestimmter und unbestimmter Fortschritt.

• Bestimmt / unbestimmt
• Animierte Füllung

Vorlage für Leer- / Fehler- / Erfolgszustände.

• Icon + Titel + CTA
• 3 Zustandstypen

Robuste Boundary mit Reset-Keys und HOC.

• Reset-Keys
• Fallback-Rendering
• withErrorBoundary-HOC

Feierliches Konfetti-Burst-Overlay.

• Partikelanzahl
• Trigger-API

Untere Tab-Leiste im iOS-Stil mit Safe-Area-Inset-Handling.

• Safe-Area-Inset
• 2-5 Tabs
• Badge-Slot
• Haptische Auswahl

Live-Countdown bis zu einem Zieldatum mit segmentierter Anzeige.

• Tage / Stunden / Minuten / Sekunden
• Abgelaufen-Zustand
• Lokalisierbare Labels

Metrik-Kachel mit Wert, Delta und Trendton.

• Töne positiv / negativ / neutral
• Delta-Pfeil
• Kompakte und reguläre Größen

Safe-Area-bewusster Bildschirm-Wrapper.

• Safe-Area-Insets
• Scroll-Option