Package Exports

@react-three/handle
@react-three/handle/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@react-three/handle) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@react-three/handle

The one to handle them all 👌

npm install three @react-three/fiber @react-three/handle@latest @react-three/xr@latest

A example with a handle for controlling the scale rotation and position of a simple red cube by grabbing it with any type of input (mouse, touch, grab, point) in XR and non-XR applications.

import { Canvas } from '@react-three/fiber'
import { noEvents, PointerEvents } from '@react-three/xr'
import { Handle } from '@react-three/handle'

export function App() {
  return (
    <Canvas events={noEvents}>
      <PointerEvents />
      <Environment preset="city" />
      <Handle>
        <mesh position-z={-1}>
          <boxGeometry />
          <meshStandardMaterial color="red" />
        </mesh>
      </Handle>
    </Canvas>
  )
}

JSPM

@react-three/handle

Package Exports

Readme

@react-three/handle

The one to handle them all 👌

Documentation

Sponsors