9 کامپوننت · داستان‌های زنده در Storybook (کپی کد) · داده ماشینی: کپی کد
تأیید کنش مهم یا مخرب با role=alertdialog؛ پس‌زمینه نمی‌بندد، فوکوس اولیه روی «انصراف» و تأیید ناهمگام با حلقهٔ پردازش.
import { AlertDialog } from '@tokapps/tuk'امتداد Modal با تعامل: همهٔ کانفیگ‌های Modal (glow، border، dock، scrim، placement، motion، sound، swipeToDismiss) را دارد و با `interaction` تأیید، تأیید خطرناک، فرم، انتخاب از فهرست و ویزارد چندمرحله‌ای را اضافه می‌کند. اسکلت و قرارداد دسترس‌پذیری از Modal است. گسترش Modal. تعاملات: info: محتوا و کنش‌های دلخواه؛ confirm: انصراف/تأیید؛ تأیید ناهمزمان تا پایان Promise، خطا = باز ماندن؛ confirm-danger: confirm با tone=danger: alertdialog، بدون بستن با پس‌زمینه، فوکوس اولیه روی انصراف؛ form: FormData به onSubmit؛ Enter ارسال می‌کند؛ closeOnSubmit=false پوشش را باز نگه می‌دارد؛ choice: هر گزینه یک دکمهٔ کامل ≥ 44px؛ انتخاب = تصمیم و بستن؛ wizard: مراحل با پیشرفت متنی، قبلی/بعدی/پایان و canAdvance.
import { Dialog } from '@tokapps/tuk'پنل مودال کناری با لبهٔ منطقی (start/end) برای فیلتر، جزئیات و منوی تبلت؛ جهت اسلاید خودکار با RTL برمی‌گردد.
import { Drawer } from '@tokapps/tuk'مودال امضای توکاپس: مثل مایعی سیال از داک شیشه‌ای پایین صفحه جدا می‌شود، بالا می‌آید و وسط صفحه باز می‌شود؛ پس‌زمینه سفید مه‌آلود می‌شود و هنگام بستن به داک تزریق می‌شود. حرکت در همهٔ قالب‌ها ثابت است؛ هدر، بدنه، فوتر و رنگ‌ها نقاط تغییر استاندارد هر لایه‌اند. حالت‌ها (glow، border، dock، scrim، placement، motion، sound، swipeToDismiss) توسط توسعه‌دهنده انتخاب و ترکیب می‌شوند. گسترش‌یافته توسط Dialog.
import { Modal } from '@tokapps/tuk'محتوای تعاملی کوچک شناور کنار محرک با ماده شیشه‌ای؛ جای‌گذاری منطقی (start/end) و بستن با Escape یا کلیک بیرون.
import { Popover } from '@tokapps/tuk'ترکیب‌کنندهٔ پوشش‌ها: دسکتاپ Dialog، تبلت Dialog یا Drawer، موبایل Dialog (یا drawer با mobileMode) و ≤ ۳۶۰px تمام‌صفحه؛ انتخاب با matchMedia ایمن برای SSR.
import { ResponsiveDialog } from '@tokapps/tuk'برچسب کمکی غیرتعاملی با hover و فوکوس صفحه‌کلید؛ محرک با aria-describedby وصل است و هرگز تنها حامل اطلاعات ضروری نیست.
import { Tooltip } from '@tokapps/tuk'