نمونهٔ خروجی React · shadcn/ui
کامپوننتReact · shadcn/uiرابط کاربری و وبP1737
دکمه جابجایی تاگل نور و تاریکی
چطور میتوانید رنگ صفحه را به سادگی تغییر دهید؟
دستور نصب
npx shadcn@latest add https://kokonutui.com/r/switch-button.json
چه کاری میکند
- اتوماتیک کردن حالت نور و تاریکی با افزودن یک اثر شیمر
- استفاده از ایکون گردان برای نمایش حالت جاری
- ساخته شده با فریمورکهای محبوب React و Tailwind CSS
- کجا به کار میآید
- تغییر ایکون یا اثر هاور برای مناسبتر کردن به طرح کلی سایت
- پیشنیاز
- پروژهٔ React یا Next.js با shadcn/ui؛ دستور نصب را در پوشهٔ پروژه اجرا کنید
- مناسب برای
- قالبهای وب با حالتهای نور و تاریکی
P1411
P1314
P1104
P1310
P1100