Typewriter — تایپنویس
تایپنویس متن را با تایپ کاراکتر به کاراکتر نشان میدهد. مکث و سرعت را میتوان برای کل متن یا هر بخش جدا تنظیم کرد. کاربر میتواند متن را سلکت کند و تایپ هنگام انتخاب مکث میشود. رنگ و کرسر از توکنهای معنایی میآیند؛ با کپی کد متن بیدرنگ کامل میشود.
وضعیت: beta · لایه: ۳ (کپی کد)
import { Typewriter } from '@tokapps/tuk';نمونهها
هر نمونه پیشنمایش زنده و کد قابلکپی دارد. کد از همان پراپهای پیشنمایش ساخته میشود.
سلام، من تایپنویس TDS هستم.
import { Typewriter } from '@tokapps/tuk';<Typewriter text="سلام، من تایپنویس TDS هستم." />ابتدا یک جمله. بعد با مکث بلندتر. و پایان.
import { Typewriter } from '@tokapps/tuk';<Typewriter text={[ { text: 'ابتدا یک جمله.', pauseAfter: 900 }, { text: ' بعد با مکث بلندتر.', pauseAfter: 2400, charDelay: 70 }, ' و پایان.', ]}/>طراحی کنید.بسازید.منتشر کنید.
import { Typewriter } from '@tokapps/tuk';<Typewriter text={['طراحی کنید.', 'بسازید.', 'منتشر کنید.']} erase loop pauseAfter={1500}/>این متن قابل مکث و ادامه است.
import { Typewriter } from '@tokapps/tuk';<Typewriter text="این متن قابل مکث و ادامه است." controls />این متن با اسکرول صفحه پیش میرود.
import { Typewriter } from '@tokapps/tuk';<Typewriter mode="scroll" text="این متن با اسکرول صفحه پیش میرود." />import { Typewriter } from '@tokapps/tuk';import { useSound } from '@tokapps/sound';const { play } = useSound();// صدای تایپ فقط با فعالسازی صریح کاربر؛ پیشفرض خاموش است<Typewriter text="متن با صدای اختیاری." onType={() => play('tap')} />پیکربندی
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| کپی کد | کپی کد | — | متن یا فهرست بخشها؛ هر بخش کپی کد و کپی کد اختصاصی دارد |
| کپی کد | کپی کد | کپی کد | زمانبندی یا پیشروی با اسکرول |
| کپی کد | کپی کد | کپی کد | فاصلهٔ هر کاراکتر (ms) |
| کپی کد | کپی کد | کپی کد | مکث پس از هر بخش (ms) |
| کپی کد | کپی کد | کپی کد | تأخیر قبل از شروع (ms) |
| کپی کد | کپی کد | کپی کد | پاککردن هر بخش پس از مکث (متن چرخشی) |
| کپی کد | کپی کد | کپی کد | فاصلهٔ هر حذف (ms) |
| کپی کد | کپی کد | کپی کد | پس از پایان از اول تکرار شود |
| کپی کد | کپی کد | کپی کد | هنگام سلکت متن تایپ مکث شود |
| کپی کد | کپی کد | کپی کد | دکمههای پخش/مکث و از نو (فقط کپی کد) |
| کپی کد | کپی کد | کپی کد | با ورود به دید شروع شود |
| کپی کد | کپی کد | کپی کد | عنصر متن |
| کپی کد | کپی کد | — | هر کاراکتر تایپشده؛ نقطهٔ اتصال صدای اختیاری |
| کپی کد | کپی کد | — | پس از پایان متن |
حالتها
| حالت | نشانه | توضیح |
|---|---|---|
| idle | کپی کد | قبل از ورود به دید یا شروع |
| playing | کپی کد | در حال تایپ، کرسر چشمکزن |
| paused | کپی کد | توقف از همان نقطه؛ با پخش ادامه مییابد |
| done | کپی کد | متن کامل، کرسر پنهان |
| reduced motion | کپی کد | متن کامل بیدرنگ |
دسترسپذیری
متن کامل برای صفحهخوان است و نمایش تایپی کپی کد است. کنترلها در گروه برچسبدار هستند و با صفحهکلید کار میکنند. سلکت متن، تایپ را مکث میکند.
صدا
صدا پیشفرض خاموش است. کپی کد را به کپی کد از کپی کد وصل کنید و فقط پس از فعالسازی صریح کاربر. نمونهٔ کد در بالا فقط کد است و در ویترین پخش نمیشود.