Komponenten und Design

Die Lernziele oben, die Aufgaben-Kästen, die einklappbaren Lösungen und der Selbstcheck am Ende jeder Seite sind keine Starlight-Funktionen. Es sind vier kleine Astro-Komponenten im Ordner src/components/. In diesem Modul baust du sie nach und verstehst dabei, wie Astro-Komponenten funktionieren. Danach passt du Farben und Layout an, ohne das Theme zu ersetzen.

Lernziele

• Du kannst eine Astro-Komponente mit Props und Slot schreiben und in MDX verwenden.
• Du weisst, wann eine Komponente JavaScript an den Browser schickt und wann nicht.
• Du kannst einen Import-Alias wie @components/ einrichten.
• Du kannst Farben und Layout über Starlight-CSS-Variablen und eigenes CSS anpassen.

Inhalt

1. Eigene Komponenten: Lernziele, Aufgabe, Lösung, Quiz.
2. Stil und Farben: Custom CSS, Akzentfarbe, Favicon, Layout.

Abgaben liegen unter labs/plattform/03-komponenten-design/.