وضعیت فکر کردن
thinking-statesانیمیشنخط وضعیت هوش مصنوعی: تا وقتی یک حالت پابرجاست نوری روش میگذره و وقتی عوض میشه خط قبلی بالا میره و بعدی از پایین میآد؛ جرقه هم هر بار یکچهارم دور میچرخه.
در حال خواندن فایلها
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add thinking-statesنصب دستی
محتوای تب «کد» را در
components/animations/thinking-states.tsxبگذارید. کلیدفریم را هم بهglobals.cssاضافه کنید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { ThinkingStates } from "@/components/animations/thinking-states"23<ThinkingStates states={["در حال خواندن فایلها", "در حال اجرای دستور", "در حال نوشتن پاسخ"]} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| states | string[] | - | حالتها به ترتیب. |
| hold | number | 2000 | میلیثانیه ماندن هر حالت. |
| loop | boolean | true | بعد از آخری برگرده اول. |
| icon | boolean | true | آیکون جرقهی چرخان. |