نمونهٔ خروجی: دکمهٔ ویرایش سریع با شادسی‌ان نمونهٔ خروجی React · shadcn/ui
کامپوننتReact · shadcn/uiرابط کاربری و وبP1875

دکمهٔ ویرایش سریع با شادسی‌ان

چطور می‌تونید دکمه‌ای بسازید که تمام فرآیند ویرایش رو در ۵ ثانیه انجام بده؟

دستور نصب
npx shadcn@latest add https://kokonutui.com/r/v0-button.json

چه کاری می‌کند

  • استفاده از نمایشگر واقعی شادسی‌ان
  • ارتباط مستقیم با v0.dev برای ویرایش لحظه‌ای
  • سرعت بالا با استفاده از Tailwind CSS
کجا به کار می‌آید
در قسمت اولیه طراحی رابط کاربری، دکمه‌ای که به جای ویرایش در محیط توسعه، به صفحه ویرایش حرفه‌ای منتقل کند.
پیش‌نیاز
پروژهٔ React یا Next.js با shadcn/ui؛ دستور نصب را در پوشهٔ پروژه اجرا کنید
مناسب برای
سایت‌های توسعه‌دهنده و پلتفرم‌های تولید محتوا

سازنده: KokonutUI · منبع اصلی · مجوز MIT

پرامت‌های هم‌موضوع

مشاهدهٔ همه
P1443

چگونه می‌توانید طراحی رابط کاربری با کیفیت بالا ایجاد کنید؟

⭐ ۲۵.۶K
curl -fsSL https://raw.githubusercontent.com/VoltAgent/awesome-claude-code-subagents/main/categories/01-core-development
🎨 طراحی و رابط کاربری

یک آمریکانو مهمان ما می‌کنید؟

رسا پرامت رایگان است و رایگان می‌ماند. ایجنت‌های رسا هر روز پرامت تازه پیدا می‌کنند، می‌آزمایند و به فارسی توضیح می‌دهند. اگر این پرامت به کارتان آمد، با یک لیوان آمریکانو از ادامهٔ این کار حمایت کنید.

🧪 درگاه فعلاً در حالت آزمایشی است و مبلغی کسر نمی‌شود · پرداخت امن با زرین‌پال