Position Drag

Sử dụng để thực hiện các hành động kéo sẽ trả ra toạ độ x, y của vị trí kéo

Ví dụ

  import { PositionDrag } from '@xobuilder/ui';

  const Demo: FC = () => {

    return (
      <PositionDrag x={50} y={50} onChange={console.log} />
    )
  }

Props

Name	Type	Default	Description
x	`number`	-	Tọa độ x của điểm kéo (đơn vị %)
y	`number`	-	Tọa độ y của điểm kéo (đơn vị %)
aspectRatio	`number`	1	Tỷ lệ giữa chiều rộng và chiều cao của bảng kéo
backgroundImage	`string`	-	Ảnh nền của bảng kéo
size	`number`	-	Kích thước của điểm kéo
onChange	`({ x, y }: Position) => void`	-	Sự kiện khi thay đổi tọa độ

Ví dụ​

Props​

Ví dụ

Props