Dokumentation/Übersicht
Beispiele
Live-Demos mit ihrem Code – jede Datei, die du siehst, läuft auf der Seite. Kopiere sie oder öffne sie in StackBlitz.
Diese Seite wurde von KI übersetzt und kann Ungenauigkeiten enthalten. Englisches Original lesen
Jedes Beispiel ist eine kleine Vue-App: eine index.vue mit ihrem DnDProvider und den
Komponenten, die sie braucht. Die Code-Tabs unter einer Demo sind genau die Dateien, die sie
ausführen.
Apps
Ganze Oberflächen, so wie du sie bauen würdest: mehrere Listen, Regeln, Overlays und die Tastatur im Zusammenspiel.
Projekt-Board
Spalten, die du umsortierst, WIP-Limits, eine Bestätigung vor Done, Mehrfachauswahl und ein Papierkorb.
Dateimanager
Ein Ordnerbaum und ein Raster aus Dateien: Auswahl per Auswahlrahmen, Drops auf Ordner, Alt zum Kopieren.
Block-Editor
Blöcke wie in Notion, an ihren Handles verschoben, verschachtelt und aus einem „/“-Menü oder der Seitenleiste hereingezogen.
Schach
Gültige Züge leuchten auf, die Figur in der Hand sagt, warum ein Feld abgelehnt wird, ein Bauer fragt, was er wird, und ein Bot spielt mit echten Drags zurück.
Formular-Builder
Nuxt-UI-Felder aus einer Palette, in Zeilen nebeneinandergesetzt, in einer Live-Vorschau ausgefüllt und als Vue-Code exportiert.
Design-Canvas
Frames und Ebenen auf einer zoombaren Leinwand, Smart Guides, Alt zum Duplizieren und ein Ebenen-Panel, das der Baum des Designs ist.