Test-App

TURNUS Komponenten

Qualitäts-Gate für konsistente UI-Bausteine

Diese Übersicht zeigt Status, Versionen, Lock-Zustand und Responsiveness pro Komponente.

Locale

Fallback-Locale: de

Suche

form-controls

navigation

data-display

feedback

layout

overlays

surfaces

utilities

test-app-utilities

ActionButton

0.1.1

Rendert einen datengetriebenen Action-Button mit optionalen Icons, Sperrstatus und Tooltip.

Namespace:

core

Pfad:

core/action_button/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

Badge

0.4.0

Kleines Badge mit optionalem Icon und verpflichtendem Tooltip.

Namespace:

core

Pfad:

core/badge/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

Checkbox

0.1.0

Checkbox mit Label, Hilfstext und klaren Fokus- sowie Checked-Zuständen.

Namespace:

core

Pfad:

core/checkbox/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

Dropdown

0.1.2

Rendert ein datengetriebenes Dropdown mit optionalem Icon, Sperrstatus und Tooltip.

Namespace:

core

Pfad:

core/dropdown/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

FilterSelect

0.1.0

Stellt ein beschriftetes Select-Control fuer Filterauswahl bereit.

Namespace:

patterns

Pfad:

patterns/filter_select/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

Footer

0.1.2

Rendert einen datengetriebenen Footer mit optionalen Links, Targets und Tooltips.

Namespace:

core

Pfad:

core/footer/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

FormActions

0.1.0

Ordnet primäre und sekundäre Formularaktionen in einem konsistenten Layout.

Namespace:

patterns

Pfad:

patterns/form_actions/component.meta.yaml

Sperre

Entsperrt

Responsiv

Layout-Variante

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

FormMessage

0.1.1

Formularmeldung fuer Fehler, Infos oder Erfolgsmeldungen mit optionalem Icon.

Namespace:

core

Pfad:

core/form_message/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

Geräteklassen-Renderer

1.0.0

Simuliert feste Layout-Constraints pro Geräteklasse in der Test-App.

Namespace:

patterns

Pfad:

patterns/device_renderer/component.meta.yaml

Sperre

Entsperrt

Responsiv

Layout-Variante

Status

Freigegeben

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

  • Badge

HeadlineBlock

0.1.4

Rendert einen konsistenten Kopfbereich mit Pre-Headline, Headline, Subheadline und Subtext.

Namespace:

core

Pfad:

core/headline_block/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Überprüfung

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

InlineLink

0.1.0

Rendert einen inline Link mit tokenbasierten Farben, Hover- und Focus-Styles.

Namespace:

core

Pfad:

core/inline_link/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

LocaleSwitcher

0.1.0

Stellt eine Sprachumschaltung mit Fallback-Locale-Anzeige bereit.

Namespace:

patterns

Pfad:

patterns/locale_switcher/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

  • FilterSelect

LoginForm

0.1.1

Muster fuer ein Login-Formular mit Headline, Feldern und Aktionen.

Namespace:

patterns

Pfad:

patterns/login_form/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

  • ActionButton

  • Checkbox

  • FormActions

  • FormMessage

  • InlineLink

  • PasswordInput

  • TextInput

  • UiPrimitives

Logo

0.1.0

Rendert ein Logo als Bild mit optionaler Verlinkung und Größensteuerung.

Namespace:

core

Pfad:

core/logo/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

MetadataTabs

0.1.1

Stellt Komponenten-Metadaten konsistent in einer Tab-Navigation dar.

Namespace:

patterns

Pfad:

patterns/metadata_tabs/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

  • Badge

PasswordInput

0.1.0

Passwortfeld mit Label, Hilfstext, Fehlerzustand und extern gesteuertem Reveal-Toggle.

Namespace:

core

Pfad:

core/password_input/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

SiteShell

1.1.1

Stellt eine Layout-Basis mit Hintergrundflaeche und Content-Surface bereit.

Namespace:

appkit

Pfad:

appkit/site/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

Svg

0.1.0

Rendert Inline-SVGs mit optionalen gerätespezifischen Varianten.

Namespace:

core

Pfad:

core/svg/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

TabsAdaptive

0.1.0

Schaltet zwischen TabsRow und Select, basierend auf Datenmenge oder Geraet.

Namespace:

patterns

Pfad:

patterns/tabs_adaptive/component.meta.yaml

Sperre

Entsperrt

Responsiv

Layout-Variante

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

  • Dropdown

  • TabsRow

TabsRow

0.1.1

Horizontale Tabs-Reihe mit optionalen Zaehlindikatoren.

Namespace:

core

Pfad:

core/tabs_row/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

TextInput

0.1.0

Einzeiliges Texteingabefeld mit Label, Hilfstext und Fehlerzustand.

Namespace:

core

Pfad:

core/text_input/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

UiPrimitives

0.1.0

Stellt primäre Button- und Select-Feld-Primitive mit Token-Styling bereit.

Namespace:

core

Pfad:

core/primitives/component.meta.yaml

Sperre

Entsperrt

Responsiv

Skalierung

Status

Entwurf

Mobile

Tablet

Desktop

Desktop groß

Verwendete Komponenten

Keine verwendeten Komponenten.

Built with Reflex