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