Accessible primitives for spatial interfaces.

Spatial.Item

Maps a semantic option to one spatial object.

import { Spatial } from '@gnomon-ui/react'

<Spatial.Root items={items} value="book-07" onValueChange={handleChange}>

<Spatial.Scene asChild><canvas ref={sceneRef} /></Spatial.Scene>

<Spatial.Collection>

{items.map((item) => (

<Spatial.Item key={item.id} value={item.id} />

))}

</Spatial.Collection>

<Spatial.Label>{selected}</Spatial.Label>

<Spatial.Next>Next</Spatial.Next>

</Spatial.Root>

INSTALLpnpm add @gnomon-ui/core@next @gnomon-ui/react@next @gnomon-ui/three@next three

LOADING / WEBGLCOLLECTION / 08STATE / SELECTED

Initializing rendererDRAG · SCROLL · ARROW KEYS