component

Door

Door panel within a frame.

⌖ Explore the library in 3D →

Add it

npx @runek/cli add door

Pulls @react-three/rapier@^2.2.0, @runek/core@^0.13.0.

Use it

import { Door } from './runek/Door'

<Door position={[0, 0, 0]} />

Props

export interface DoorProps {
  position?: Vec3
  rotation?: Vec3
  width?: number
  height?: number
  thickness?: number
  /** Hinge angle in radians; 0 is closed. */
  openAngle?: number
  /** Defaults to the world palette's `wood` slot. */
  color?: string
}

Registry manifest

registry manifest /r/components/door.json Self-contained JSON: inlined source plus resolved dependencies, exactly what runek add door fetches.

Browse the whole catalog in the gallery →.