Komponenten

1Eine Komponente erstellen

Wählen Sie eine Ebene aus und drücken Sie Cmd+Alt+K, oder klicken Sie mit der rechten Maustaste und wählen Sie Komponente erstellen.

2Instanzen und Überschreibungen

Ändern Sie Text, Farbe oder eine beliebige Eigenschaft in einer Instanz; die Änderung bleibt bei dieser Instanz, egal wie tief die Ebene verschachtelt ist. Das Panel bietet Komponente wechseln, Zur Komponente gehen, Überschreibung zurücksetzen und Instanz lösen.

3UI-Kits

Der Tab Komponenten (Cmd+Shift+K) ordnet Kits nach den Kategorien Schaltflächen, Eingabefelder, Karten, Navigation, Layout, Feedback, Daten und Sonstige. Mitgeliefert werden sechs Starter-Komponenten und 31 shadcn-Komponenten: Schaltflächen, Karten, Eingabefelder, Auswahllisten, Checkboxen, Toggles, Schieberegler, Tabs, Breadcrumbs, Paginierung, Dialoge, Menüs, Toasts, Tooltips, Hinweise, Avatare, Badges, Fortschrittsbalken, Skeletons und Tabellen.

Kit importieren und Kit exportieren teilen Kits als .de-Dateien.

4Verknüpfte Bibliotheken

Verknüpfen Sie eine andere .de- oder .pen-Datei als Bibliothek, um ihre Komponenten hier zu nutzen. Die App überwacht die Datei und übernimmt Änderungen; Neu laden erzwingt das. Wenn etwas nicht stimmt, zeigt eine Bibliothek Nicht geladen, Fehlt oder Nicht lesbar.