frontile

Di bawah pengembangan aktif.

Frontile bertujuan untuk memberikan LEGO (komponen, pembantu, pengubah, dan gaya) yang diperlukan untuk membangun aplikasi Ember.js yang konsisten dan kuat sambil mengikuti praktik terbaik dari masyarakat dan menyediakan komponen tingkat rendah dan tingkat tinggi untuk aplikasi Anda.

• Dibangun dengan aksesibilitas dalam pikiran ke dalam setiap komponen;
• Dibangun sebagai paket yang terpisah secara logis, sehingga Anda dapat memilih bagian yang akan Anda gunakan;
• Ditulis dalam naskah;
• Semua komponen adalah komponen yang berkilauan;
• Gaya hanyalah plugin Tailwindcss, dan sepenuhnya responsif;

Dokumentasi

Kunjungi Frontile.dev untuk membaca dokumen dan melihat demo langsung.

Apa yang tersedia?

Ada beberapa paket yang sudah tersedia untuk digunakan; Anda dapat menggunakannya dalam aplikasi Anda hari ini jika Anda berada dalam versi Ember yang didukung. Proyek ini masih pra-versi 1.0.0, jadi perubahan perubahan masih bisa terjadi.

• @Frontile/Utilities: Paket inti menyediakan komponen A11Y yang penting.
• @Frontile/Forms: Komponen untuk bekerja dengan formulir.
• @Frontile/Changeset-Form: Integrasi antara paket Formulir dan Changeset.
• @frontile/notifikasi: Paket yang memberikan pemberitahuan seperti bersulang.
• @Frontile/Overlays: Komponen untuk membuat konten di atas UI, seperti dialog modal.
• @Frontile/Tombol: Komponen untuk bekerja dengan tombol.

Gaya dengan Tailwind

Semua gaya yang kami berikan adalah melalui plugin Tailwindcss. Sangat sempurna jika aplikasi Anda memiliki tailwind; Namun, beberapa aplikasi tidak memiliki atau tidak harus ingin menulis gaya menggunakannya. Untuk ini, ada dua alternatif:

• Tulis semua gaya sendiri yang menargetkan kelas kami, yang mengikuti konvensi penamaan seperti Bem.
• Hanya tambahkan tailwind untuk gaya kami. Pendekatan ini belum terbukti, tetapi secara teori, Anda harus dapat mengatur tailwind dan hanya membiarkannya memasukkan gaya frontile.

Dengan menyediakan plugin tailwind, Anda dapat menyesuaikan hampir semua gaya, bahkan menghapus apa yang bukan yang Anda butuhkan. Semua plugin memiliki opsi untuk melewati konfigurasi sehingga Anda dapat mengatur semua warna, jarak, dll, sesuai kebutuhan aplikasi Anda. Ini juga memungkinkan untuk membuat tema atau mode gelap menggunakan variabel CSS.

Tl; Dr; Anda tidak perlu tailwindcss jika Anda tidak menginginkannya, tetapi yang terbaik jika Anda menggunakannya.

Kesesuaian

• Ember.js v3.16 atau lebih
• Ember CLI v2.13 atau lebih
• Node.js v10 atau lebih

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT.