component

Staircase

Stepped staircase with per-step colliders.

⌖ Explore the library in 3D →

Add it

npx @runek/cli add staircase

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

Use it

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

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

Props

export interface StaircaseProps {
  position?: Vec3
  rotation?: Vec3
  steps?: number
  /** Total rise, in units. Ascends along +y and +z from the origin. */
  totalHeight?: number
  width?: number
  /** Total run (depth), in units. */
  depth?: number
  /** Defaults to the world palette's `stone` slot. */
  color?: string
}

Registry manifest

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

Browse the whole catalog in the gallery →.