component

Counter

A service / bar counter: a solid body under a worktop that overhangs the front; one cuboid collider.

⌖ Explore the library in 3D →

Add it

npx @runek/cli add counter

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

Use it

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

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

Props

export interface CounterProps extends WorldComponentProps {
  /** Length along local X, in units. */
  length?: number
  /** Counter height, in units. */
  height?: number
  /** Depth along local Z, in units. */
  depth?: number
  /** Body color; defaults to the palette's `wood`. */
  color?: string
  /** Worktop color; defaults to the palette's `woodDark`. */
  topColor?: string
}

Registry manifest

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

Browse the whole catalog in the gallery →.