Hayde
ExamplesDocumentationGithub
  • Hayde
  • ♥️Features
    • AI module
    • Builder.IO module
    • Chakra UI module
    • Create Plugin module
    • CSS module
    • emmet
    • General module
    • Material UI module
    • React.js module
    • Storybook module
  • 📔Documentation
    • CLI Arguments
    • Options
    • Profiles
    • NPM script trigger
    • How to Create Custom Plugin
    • Contributor Covenant Code of Conduct
  • 🚀Examples
  • Source Code
Powered by GitBook
On this page
  • (WIP)
  • Plugin Structure
  • How easy is it to create a Plugin with Hayde

Was this helpful?

  1. Documentation

How to Create Custom Plugin

(WIP)

Plugins are a way to extend the functionality of the framework. You can create your own plugins and use them in your projects.

Plugin Structure

A plugin is a folder with the following structure:

plugin-name
├── index.js
├── package.json

How easy is it to create a Plugin with Hayde

You can also create your plugin with Hayde. First, you need to create .hayde.json file in your project root. Then, add createPlugin only to the plugins array.

{
  "plugins": [
    "createPlugin"
  ]
}

After that, you can run the following command to create your plugin.

npx hayde

index.js

This file is the entry point of the plugin. It should export;

  • pluginName: Name of the plugin

  • initPlugin: Init function of the plugin

  • runPlugin: Run function of the plugin after everything is ready to go for parsing the component

Last updated 1 year ago

Was this helpful?

📔