Windmillcode Angular CDK
18.2.12000
Selamat datang di WindmillCode Angular Library, serangkaian komponen sudut komprehensif yang dirancang untuk membantu Anda membangun aplikasi web yang menarik, kuat, dan ramah pengguna. Perpustakaan ini, juga dikenal sebagai Windmillcode Angular Component Development Kit (CDK), menyediakan kumpulan komponen UI yang dapat digunakan kembali, masing -masing dibuat dengan perhatian terhadap detail dan kinerja.
{/ * */}
Angular bisa mendapatkan bahasa verbose kami bertujuan untuk menyederhanakan sudut dengan plug and plock dengan plug and play setiap compoonent memiliki alat peraga seperti dalam reaksi alat peraga ini adalah kelas dan Anda cukup lulus prop ke kelas untuk membuat komponen
// app.component.ts
// Standalone there are default values to see how the component works
props = new WMLInputZeroProps ( { } )
// To pass arguments/customize
props = new WMLInputZeroProps ( {
datetime : new WMLInputZeroDatetimeProps ( {
type : "datetime" ,
min = new Date ( "[YOUR BIRTHDAY FOR EXAMPLE]" )
} )
} ) // app.component.html
< wml-input-zero [props] = props >
</ wml-input-zero >Perpustakaan kami mencakup beragam komponen, mulai dari elemen UI seperti tombol dan bidang input hingga konstruksi kompleks seperti unggahan file dan dropdown. Setiap komponen dirancang untuk menjadi modular, membuatnya mudah untuk diintegrasikan ke dalam proyek sudut Anda yang ada.
Komponen dirancang agar mudah dikustomisasi dan dapat ditemui, memungkinkan Anda untuk menyelaraskannya dengan pedoman merek dan desain aplikasi Anda. VIA Memodifikasi variabel CSS khusus untuk setiap komponen Anda bisa mendapatkan kontrol granular atas tampilan dan nuansa komponen.
{/ * */}
Internasionalisasi - Semua komponen kompatibel I18n di bawah ngx -translate. Gunakan file en.json default dalam proyek Anda dan perbarui dan berikan string i18n ke tombol yang sesuai di alat peraga yang diteruskan ke komponen melihat versi premium perpustakaan
WindmillCode Angular Library menawarkan beragam komponen, masing -masing dirancang untuk memenuhi persyaratan UI spesifik dalam aplikasi sudut Anda. Di bawah ini adalah daftar komponen yang tersedia bersama dengan deskripsi singkat:
Ini adalah paket dasar yang fokus oleh seluruh perpustakaan kami. Fondasinya adalah wmluiproperty blok bangunan yang sangat mendasar dari aplikasi apa pun yang dimaksudkan untuk digunakan untuk semua kerangka kerja JavaScript tidak hanya sudut. Dari sini dasar pagination, animasi, komponen dinamis, dan banyak lagi dibangun.
Memperluas komponen WML yang didasarkan pada custoized untuk pengembang sudut. Berguna untuk menjaga kesesuaian dalam basis kode.
Tiga JS agak memegang dan bukan semua yang Anda butuhkan untuk membuat adegan ada untuk Anda perubahan ini dengan perpustakaan Three.js kami. Kelas kami menangani implementasi matematika dan fisika sehingga Anda dapat fokus pada penambahan dan menempatkan objek di tempat kejadian
Skema sudut kami sendiri untuk menghasilkan kelas sudut sesuai dengan template proyek sudut kami
Komponen akordeon yang memungkinkan Anda untuk menampilkan konten dalam format yang dapat dilipat. Ini berguna untuk FAQ, daftar, atau konten apa pun yang mendapat manfaat dari presentasi yang ringkas.
Komponen tombol yang dapat disesuaikan yang dapat digunakan di seluruh aplikasi Anda, memastikan konsistensi dan kemampuan tema.
Komponen korsel yang memungkinkan tampilan beberapa item dengan gaya geser atau berputar, sempurna untuk galeri atau menampilkan banyak produk.
Komponen yang mewakili input, atribut, atau tindakan sebagai elemen kompak, yang biasa digunakan untuk tag, informasi kontak, atau elemen interaktif.
Komponen bidang, berpotensi untuk formulir, memberikan cara standar untuk memasukkan data.
Komponen komprehensif untuk menangani interaksi file, termasuk mengunggah, mengunduh (dalam backlog), dan menampilkan informasi file.
Komponen atau set komponen yang dirancang untuk membuat bentuk yang konsisten dan fungsional, termasuk berbagai kontrol bentuk.
Komponen dropdown yang mengembang tanpa batas. Bagus untuk menu dengan sejumlah besar konten navigasi
Komponen input serbaguna untuk formulir, memberikan cara yang seragam untuk mengumpulkan input pengguna.
Komponen navigasi yang dirancang khusus untuk antarmuka pengguna seluler, menyediakan menu yang dioptimalkan untuk layar yang lebih kecil.
Komponen pemberitahuan, yang memungkinkan Anda untuk menampilkan peringatan, pesan, atau informasi penting lainnya kepada pengguna.
Komponen yang menyediakan satu set opsi yang dapat dipilih, mungkin sebagai dropdown yang lebih canggih atau komponen pilih.
Komponen komponen flyout yang digunakan untuk menyediakan konten, informasi atau kontrol tambahan, yang sering digunakan di dasbor atau sebagai bagian dari antarmuka yang kompleks.
Komponen pemuatan khusus
Komponen untuk menampilkan konten pop-up, seperti modal, dialog, atau tooltips.
Komponen Pilih yang menyediakan daftar dropdown opsi untuk dipilih pengguna.
Berdasarkan jQuery SliceBox lebih banyak cara cairan untuk mengimplementasikan korsel
Komponen tabel yang dirancang untuk menampilkan data tabel, dengan fitur termasuk penyortiran, penyaringan, dan pagination.
Komponen untuk membuat antarmuka tab, memungkinkan pengguna untuk beralih di antara berbagai tampilan atau bagian konten dalam konteks yang sama.
Komponen sakelar sakelar, memberikan cara yang intuitif bagi pengguna untuk membuat pilihan biner, seperti mengaktifkan/menonaktifkan pengaturan.
Setiap komponen dibuat untuk memenuhi kebutuhan UI tertentu sambil memastikan konsistensi dan kemudahan integrasi ke dalam proyek sudut Anda. Untuk informasi lebih rinci tentang setiap komponen, termasuk contoh penggunaan dan opsi konfigurasi, lihat dokumentasi rinci perpustakaan.
Setiap komponen didokumentasikan dengan detail tentang cara menggunakannya, properti input/outputnya, dan penghasil emisi. Untuk menyelam lebih dalam ke komponen tertentu, lihat bagian Dokumentasi Dedikasikan ReadMe.MD -nya.
** BEKERJA SANGAT BERJALAN ** Kami menyambut kontribusi ke WindmillCode Angular Library! Baik itu menambahkan komponen baru, meningkatkan yang sudah ada, atau melaporkan bug, kontribusi Anda sangat berharga bagi kami. Silakan merujuk ke Pedoman Kontribusi kami sebelum mengajukan permintaan tarik.
cd projects/[desired project]
npx ng build --watch # wait for project to appear in dist
cd dist/[desired project]
npm linkDi konsumen Anda perlu menambahkan jalur ke Dist di konsumen tsconfig.json
"[FULL LIBRARY NAME FROM PACKAGE.JSON]" : [
" [PATH TO REPO GENERATED DIST]/[LIBRAY FOLDER NAME] "
],
// EXAMPLE
"@windmillcode/angular-wml-slicebox" : [
" ../../../../windmillcode-Angular-CDK/dist/wml-slicebox "
],Perpustakaan Angular Windmillcode dilisensikan MIT.
Jika Anda memiliki pertanyaan atau umpan balik, silakan bergabung dengan kami di perselisihan. Kami selalu ingin meningkatkan perpustakaan kami dan membantu komunitas pengembang.
Nikmati bangunan dengan Windmillcode Angular Library!
