Info Panels

Makes all children show an info panel when looking at them. The info panel can be used to open up a web page for further interaction. This component has no placing or rendering capabilities. It is only used to add behaviour to its children.

Example

Info Panel

The code for the example above:

import { HNode, InfoPanel, Prefab, render } from '@hiber3d/hdk-react';
import { Ground } from '@hiber3d/hdk-react-components';
 
const World = () => (
  <HNode>
    <InfoPanel
      header="Hiber3D Development Kit"
      body="Check out our documentation!"
      url="https://developer.hiber3d.com/docs"
      openUrlInNewTab={true}>
      <Prefab id="hologram_01_hibert" />
    </InfoPanel>
    <Ground hilly={0.1} />
  </HNode>
);
 
render(<World />);

See the full documentation here: InfoPanel

External GLBs Portals