ZoomControl — بزرگ‌نمایی

valueکپی کد درصد است (۱۰۰ = اندازهٔ واقعی). variant="inline"کپی کد برای پنل با ورودی عدد دقیق، variant="compact"کپی کد برای محتوای DockActionکپی کد و نوار ابزار.

وضعیت: beta · لایه: ۳ (@tokapps/tukکپی کد) · کد: packages/tuk/src/controls/zoom-control/کپی کد

import { ZoomControl } from '@tokapps/tuk';

نمونهٔ زنده

کد قابل کپی

درون‌خطی در پنل

<ZoomControl value={zoom} onChange={setZoom} />

فشرده با پیش‌تنظیم

<ZoomControl value={zoom} onChange={setZoom} variant="compact" presets={[50, 100, 200]} />

اندازهٔ مناسب سفارشی و بازهٔ دلخواه

<ZoomControl value={zoom} onChange={setZoom} min={25} max={400} step={25} onFit={() => setZoom(fitToCanvas())} />

میان‌بر کیبورد

Ctrlکپی کد/⌘کپی کد + =کپی کد · Ctrlکپی کد/⌘کپی کد + -کپی کد · Ctrlکپی کد/⌘کپی کد + 0کپی کد فقط وقتی فوکوس داخل کنترل است (shortcuts="focus"کپی کد، پیش‌فرض). سراسری فقط با shortcuts="global"کپی کد؛ shortcuts="off"کپی کد خاموش.

<ZoomControl value={zoom} onChange={setZoom} shortcuts="global" />

پراپ‌ها