CatalogTile — تایل کتابخانه

منبع کشیدن برای پالت کامپوننت‌ها. بار سفارشی () بدون به callbackها می‌رسد؛ فرود روی بوم کار والد است.

وضعیت: beta · لایه: ۳ () · کد:

TSX

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

نمونهٔ زنده

هنوز چیزی افزوده نشده

کد قابل کپی

TSX

<CatalogTile  name="دکمه"  description="Button"  preview={<Icon name="add" size="lg" />}  payload={{ component: 'Button' }}  onDragStart={() => startGhost()}  onDragMove={({ point }) => moveGhost(point)}  onDragEnd={({ point, cancelled }) => !cancelled && dropOnCanvas(point)}  onAdd={(payload) => addToCanvasCenter(payload)}/>

رفتار

کشیدن پس از ۴ پیکسل شروع می‌شود؛ لغو می‌کند ().
/ = (جایگزین کیبوردی کشیدن). کلیک اشاره‌گر فقط با .
هنگام کشیدن و شفافیت ؛ راهنما را می‌دهد.

CatalogTile — تایل کتابخانه

منبع کشیدن برای پالت کامپوننت‌ها. بار سفارشی () بدون به callbackها می‌رسد؛ فرود روی بوم کار والد است.

وضعیت: beta · لایه: ۳ () · کد:

TSX

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

نمونهٔ زنده

هنوز چیزی افزوده نشده

کد قابل کپی

TSX

<CatalogTile  name="دکمه"  description="Button"  preview={<Icon name="add" size="lg" />}  payload={{ component: 'Button' }}  onDragStart={() => startGhost()}  onDragMove={({ point }) => moveGhost(point)}  onDragEnd={({ point, cancelled }) => !cancelled && dropOnCanvas(point)}  onAdd={(payload) => addToCanvasCenter(payload)}/>

رفتار

کشیدن پس از ۴ پیکسل شروع می‌شود؛ لغو می‌کند ().
/ = (جایگزین کیبوردی کشیدن). کلیک اشاره‌گر فقط با .
هنگام کشیدن و شفافیت ؛ راهنما را می‌دهد.