Globe View Source



The Globe component is used to show peers and file transfers on the Filecoin network.



Imports


Import React and the GLRenderer Components. Unfortunately the GLRenderer is not usable outside of this application.


0
import * as React from "react";
1
import GLRenderer from "~/components/three/GLRenderer";


Usage


Declare the Globe component. Specify countries to be true to include markers for each country.

0
class ExampleOne extends React.Component {
1
  render() {
2
    return (
3
      <React.Fragment>
4
        <GLRenderer width={768} height={480} />
5
        <GLRenderer countries width={768} height={480} />
6
      </React.Fragment>
7
    );
8
  }
9
}


Output




ComponentsAvatar GroupButtonsCard TabsCheckboxesColorsDropdownsGlobeHover TileIconsInputsList EditorLoadersNotificationsRadiosSlidersStatsTablesTabsTogglesTooltipsTypography
View source