globe.stories.mdx

PHOTO EMBED

Mon Mar 25 2024 17:10:37 GMT+0000 (Coordinated Universal Time)

Saved by @rafal_rydz

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>
content_copyCOPY