import {Globe} from "ui"; import {ArgsTable, Canvas, Meta, Story} from "@storybook/addon-docs"; <Meta title="Components/Misc/Globe/old" component={Globe}/> export const Template = (args) => <Globe {...args} />; # Globe Description of a globe Globe provided by [Cobe](https://cobe.vercel.app) ## Props <ArgsTable story="Default"/> ## Examples <Canvas> <Story name="Default" args={{ rotate: true, startingAngle: 0, rotateLeftToRight: true, speed: 0.005, height: 500, width: 500, markers: [ {location: [37.7595, -122.4367], size: 0.03}, {location: [40.7128, -74.006], size: 0.1}, ], }} > {Template.bind({})} </Story> </Canvas>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter