With the Vev command-line interface (CLI) you can develop custom component React components for the Vev design editor.
Install the CLI.
npm install -g @vev/cli
First you need a Vev user, then you can authorize the CLI.
vev login
In your React project run your root directory.
vev init
Then add the @vev/react package to your project.
npm i @vev/react --save
Now you are ready to build your components.
import React from 'react';
import { registerVevComponent } from '@vev/react';
const MyComponent = () => {
return <div>Hello, VeV</div>;
}
registerVevComponent(MyComponent, {
name: "My awesome component",
});
export default MyComponent;
Now you are ready to run your component.
vev start
Now your component is available Vev design editor as long as the CLI is running.