Perpustakaan Komponen yang Anda Mesti Tahu Untuk Menggunakan UI Shadcn!

shadcn-ui ialah pustaka komponen React moden yang menyediakan pembangun dengan satu set komponen UI yang sangat boleh disesuaikan dan boleh diakses.

Walaupun Shadcn UI dilengkapi dengan pelbagai komponen terbina dalam, ia masih tidak dapat memenuhi keperluan senario aplikasi yang berbeza. Dalam artikel ini saya akan berkongsi 10 komponen berguna yang disyorkan oleh Awesome Shadcn UI.

1. Bar Sisi UI Shadcn (Baharu)

Komponen bar sisi yang boleh digubah, bertema dan boleh disesuaikan.

MIT

2. Pinggan

Editor teks kaya dengan shadcn/ui.

MIT / 11K

3. Bilik kebal

Vaul ialah komponen laci tidak digayakan untuk React yang boleh digunakan sebagai pengganti Dialog pada tablet dan peranti mudah alih.

MIT / 6.3K

4. Autoform

? Paparkan borang secara automatik untuk skema data anda yang sedia ada

MIT / 2.9K

5. shadcn-table

Jadual shadcn dengan pengisihan, penapisan dan penomboran sebelah pelayan.

MIT / 2.7K

6. secara.kepada

Hasil e-mel yang cantik dengan mudah dengan Maily, editor e-mel berkuasa yang memastikan komunikasi sempurna merentas semua pelanggan utama.

MIT / 1.6K

7. lambang

Komponen input teg berciri lengkap yang dibina dengan shadcn/ui

MIT / 706

8. pemilih-julat-tarikh-untuk-shadcn

DateRangePicker ialah komponen boleh guna semula untuk shadcn menggunakan Radix UI dan Tailwind CSS. Termasuk julat tarikh pratetap, entri teks, pemilihan kalendar dan perbandingan tarikh.

MIT / 666

9. shadcn-minimal-tiptap

Editor Tiptap Minimal ialah komponen editor teks kaya yang ringan dan boleh disesuaikan yang dibina untuk Shadcn. Ia menyediakan antara muka intuitif untuk pemformatan dan pengeditan teks.

MIT / 659

10. boleh disusun

Boleh diisih dibina dengan shadcn/ui, radix ui dan dnd-kit.

MIT / 438

Selain 10 projek sumber terbuka di atas , Awesome Shadcn UI turut memperkenalkan projek lain , anda boleh melawati Awesome Shadcn UI untuk mengetahui lebih lanjut projek berkaitan Shadcn.

Atas ialah kandungan terperinci Perpustakaan Komponen yang Anda Mesti Tahu Untuk Menggunakan UI Shadcn!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!