Vanillekomponenten
Eine leichte, flexible und anpassbare UI -Bibliothek für Vue 3
Dokumentation | Erste Schritte | Warum Vanillekomponenten?
Hauptmerkmale
- ? DX fokussiert - weniger Code schreiben und schneller erstellen
- ? Total konfigurierbar - Alle Komponenten und Requisiten sind über eine einfache Konfigurationsdatei vollständig anpassbar
- ? Variantenkonzept - Erstellen Sie mehrere Varianten derselben Komponenten. Beispiel: Fehler, Erfolg usw.
- ? Tailwind zuerst - wird mit einem vernünftigen Styling unter Verwendung von Tailwind CSS -Standardeinstellungen geliefert
- ? VUE + TEISCISCIP - VUE 3 Setup + TypeScript
- ? Vue 3 bereit - Vue 3
- ? Baumwackelbar - Importieren Sie nur die Komponenten, die Sie benötigen, ohne sich um die Größe zu sorgen
- Zero CSS enthalten - alles ist konfigurierbar, bedeutet, dass es überhaupt keine CSS gibt
- ? Dunkel/Weiß - Pixel Perfect Design mit dunklem und weißem Modus enthalten
- ? SSR bereit - im Auge behaupten mit SSR
Installation
Beginnen Sie mit der Installation der Peer -Abhängigkeiten als die Installation des Pakets als die Installation des Pakets
Besuchen Sie die Dokumentation für weitere Informationen.
Importieren Sie die Komponenten nach Bedarf mit Folgendes:
import { Button } from '@flavorly/vanilla-components'Lokal & Dokumentation
Für Vorschau und lokale Tests führen Sie bitte Folgendes auf der Wurzel des Projekts aus. Nach den Befehlen sollten Sie einen lokalen Vite -Server auf- und ausgeführt haben.
pnpm install
pnpm -r build
pnpm docs:dev
Führen Sie einfach die folgenden Befehle aus, um frisch zu beginnen
pnpm clean
pnpm install
pnpm -r build
pnpm docs:dev
Lunr (Algolienalternative)
Lunr ersetzt die Standard -Vitpress -Algoliensuche, um den Projektindex korrekt zu erhalten: Folgendes:
Credits
Dank:
- Variantejs - Basis -Inspiration & Code - dank Alfonsobries
- Vueuse - Wie könnten wir das nicht zuschreiben?
- Robertboes - Hilft für immer bei der Fehlerbehebung
- Enzo Innocenzi - Für die Inspiration & Hilfe!
- Alle meine Freunde, das könnte online bleiben, während ich den ganzen Tag flüsterte!
Beitrag
Siehe Leitfaden.
Lizenz
MIT-Lizenz © 2021-Präsententen Pedro Martins