vanilla components

Komponen vanilla

Perpustakaan UI yang ringan, fleksibel & dapat disesuaikan untuk Vue 3

Dokumentasi | Memulai | Mengapa komponen vanilla?

Fitur utama

• ? DX Fokus - Tulis lebih sedikit kode & bangun lebih cepat
• ? Sepenuhnya dapat dikonfigurasi - Semua komponen & alat peraga sepenuhnya dapat disesuaikan melalui file konfigurasi sederhana
• ? Konsep Varian - Buat beberapa varian dari komponen yang sama. Mis: Kesalahan, kesuksesan, dll.
• ? Tailwind First - Dilengkapi dengan gaya waras menggunakan default CSS Tailwind
• ? VUE + TypeScript - VUE 3 Pengaturan + TypeScript
• ? Vue 3 Ready - Vue 3
• ? Tree bergetar - impor hanya komponen yang Anda butuhkan tanpa khawatir tentang ukurannya
• Nol CSS Termasuk - Semuanya dapat dikonfigurasi, berarti tidak ada CSS untuk dimasukkan sama sekali
• ? Dark/White - Pixel Design Perfect With Dark & ​​White Mode Termasuk
• ? SSR Ready - Dibangun dengan SSR dalam Pikiran

Instalasi

Mulailah dengan menginstal dependensi rekan daripada, lanjutkan untuk menginstal paket

Kunjungi dokumentasi untuk informasi lebih lanjut.

Impor komponen sesuai kebutuhan dengan yang berikut:

import { Button } from '@flavorly/vanilla-components'

Lokal & Dokumentasi

Untuk pratinjau & pengujian lokal, silakan jalankan yang berikut pada akar proyek. Setelah perintah, Anda harus memiliki server vite lokal.

pnpm install
pnpm -r build
pnpm docs:dev

Untuk memulai segar, cukup jalankan perintah berikut

pnpm clean
pnpm install
pnpm -r build
pnpm docs:dev

Lunr (Algolia Alternatif)

Lunr menggantikan pencarian algolia vitepress default untuk mendapatkan indeks proyek dengan benar melakukan hal berikut:

 pnpm docs:index:build

Kredit

Berkat:

• VarianJS - Inspirasi & Kode Dasar - Terima kasih kepada Alfonsobries
• Vueuse - Bagaimana kita tidak bisa menghargai ini?
• Robertboes - untuk semua waktu membantu pemecahan masalah
• Enzo Innocenzi - Untuk inspirasi & bantuan!
• Semua teman saya, itu bisa tetap online saat saya berbisik sepanjang hari!

Kontribusi

Lihat Panduan Kontribusi.

Lisensi

Lisensi MIT © 2021-hadir Pedro Martins