تایپشونده
typewriterانیمیشنمتنی که حرفبهحرف ظاهر میشه و اتصال حروف فارسی را درست نگه میداره.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add typewriterنصب دستی
محتوای تب «کد» را در
components/animations/typewriter.tsxبگذارید. کلیدفریم را هم بهglobals.cssاضافه کنید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Typewriter } from "@/components/animations/typewriter"23<Typewriter text="یک فرم ثبتنام فارسی بساز." speed={70} loopDelay={2000} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| speed | number | 70 | میلیثانیه برای هر حرف. |
| loopDelay | number | 0 | مکث در پایان و شروع دوباره. صفر یعنی فقط یک بار. |
نکتهها
- چون هر بار زیررشتهی کامل رندر میشه، حروف فارسی درست به هم میچسبن. حرفها را جدا انیمیت نکنید.