mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-15 01:01:09 +02:00

Wuesteon d36b321d9d style: auto-format codebase with Prettier

Applied formatting to 1487+ files using pnpm format:write
  - TypeScript/JavaScript files
  - Svelte components
  - Astro pages
  - JSON configs
  - Markdown docs

  13 files still need manual review (Astro JSX comments)

2025-11-27 18:33:16 +01:00

2.1 KiB

Raw Permalink Blame History

Card System Dokumentation

Übersicht

Das Card System in uload ist eine flexible, modulare Architektur für die Erstellung und Verwaltung von wiederverwendbaren UI-Karten. Es ermöglicht die Erstellung von dynamischen, themebaren und vollständig konfigurierbaren Karten für verschiedene Anwendungsfälle.

Inhaltsverzeichnis

Schnellstart

Basis-Verwendung

<script>
	import BaseCard from '$lib/components/cards/BaseCard.svelte';

	const cardConfig = {
		variant: 'default',
		modules: [
			{
				type: 'header',
				props: {
					title: 'Meine Karte',
					subtitle: 'Eine Beispielkarte',
				},
			},
		],
	};
</script>

<BaseCard {...cardConfig} />

Hauptkonzepte

1. BaseCard

Die zentrale Komponente, die als Container für alle Kartentypen dient.

2. Module

Wiederverwendbare Bausteine, aus denen Karten zusammengesetzt werden:

HeaderModule
ContentModule
LinksModule
MediaModule
StatsModule
ActionsModule
FooterModule

3. Themes

Anpassbare Designsysteme mit Farben, Typografie, Abständen und Animationen.

4. Templates

Vordefinierte Kartenkonfigurationen für häufige Anwendungsfälle.

Features

🎨 Vollständig themebare Komponenten
📦 Modularer Aufbau
💾 Datenbankgestützte Konfiguration
🎭 Mehrere Varianten (default, compact, hero, minimal, glass, gradient)
📱 Responsive Design
⚡ Optimierte Performance
♿ Barrierefreiheit

Verwendung in der App

Das Card System wird in verschiedenen Bereichen der uload-App verwendet:

Profilseiten - Anzeige von Benutzerinformationen
Link-Verwaltung - Darstellung von Link-Sammlungen
Dashboard - Statistiken und Übersichten
Template Store - Marktplatz für Kartenvorlagen

2.1 KiB Raw Permalink Blame History