3 D Globe
A textured 3D globe with avatar pins, orbit, and auto-rotate.
Import
tsx
import { Globe3D } from "@cronus-ui/ui/globe-3d";
bash
npx cronus-ui add globe-3d
Examples
API Reference
Generated from the component's exported types.
Globe3DProps
| Prop | Type | Default | Description |
|---|---|---|---|
ref | Ref<HTMLDivElement> | — | — |
markers | GlobeMarker[] | [] | Array of markers to display on the globe |
config | Globe3DConfig | {} | Globe configuration |
className | string | — | Additional CSS classes |
onMarkerClick | (marker: GlobeMarker) => void | — | Callback when a marker is clicked |
onMarkerHover | (marker: GlobeMarker | null) => void | — | Callback when a marker is hovered |
labels | Partial<Globe3DLabels> | — | Accessible copy. |