0.1.1 • Published 7 months ago
react-visual-components v0.1.1
react-visual-components
Getting Started
Install
$ npm i react-visual-components
Ruler Demo
import React from "react";
import { Ruler } from "react-visual-components";
// horizontal ruler
export default () => <Ruler width={600} height={20} direction="horizontal" />;
// vertical ruler
export default () => <Ruler width={20} height={600} direction="vertical" />;
Contextmenu Demo
import React from "react";
import { Contextmenu } from "react-visual-components";
export default () => {
const menus = [
{
label: "Copy",
key: ["⌘", "C"],
},
{
label: "Paste",
key: ["⌘", "V"],
},
{
label: "Delete",
key: ["⇧", "⌘", "D"],
command: () => console.log("Delete"),
},
{
label: "Setting",
key: ["⇧", "⌘", "S"],
command: () => console.log("Delete"),
},
];
return <Contextmenu targetId="container" menus={menus} />;
};
Example
Experience
0.1.0
7 months ago
0.1.1
7 months ago
0.0.9
7 months ago
0.0.8
7 months ago
0.0.7
7 months ago
0.0.6
7 months ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.3-alpha
2 years ago
0.0.2-alpha
2 years ago
0.0.1-alpha
2 years ago