react-planet
Version:
A react lib for building circular menus in a very easy and handy way.
30 lines (29 loc) • 1.12 kB
TypeScript
import { CreateCSSProperties, CSSProperties } from "@material-ui/styles";
import * as React from "react";
interface Props {
centerContent?: React.ReactNode;
children?: React.ReactNode;
open?: boolean;
onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
mass?: number;
tension?: number;
friction?: number;
orbitStyle?: (defaultStyle: CSSProperties | CreateCSSProperties<{}>) => CSSProperties | CreateCSSProperties<{}>;
orbitRadius?: number;
rotation?: number;
hideOrbit?: boolean;
autoClose?: boolean;
onClose?: (e: React.MouseEvent<Document | HTMLDivElement, MouseEvent>) => void;
dragablePlanet?: boolean;
dragRadiusPlanet?: number;
dragableSatellites?: boolean;
dragRadiusSatellites?: number;
bounceRadius?: number;
bounce?: boolean;
bounceOnOpen?: boolean;
bounceOnClose?: boolean;
bounceDirection?: "TOP" | "BOTTOM" | "LEFT" | "RIGHT";
satelliteOrientation?: "DEFAULT" | "INSIDE" | "OUTSIDE" | "READABLE";
}
export declare function Planet(props: Props): JSX.Element;
export {};