Custom component can be used by editors to create components with the appearance and functionality according to their needs, if the official Qore component has not been able to meet these needs.
With this custom component, it allows editors to add script code with output components that can be used in the app editor. You can follow these steps to create a custom component.
This provides a starter template for building custom qore app compoent using Rollup and TypeScript.
To use this package, run the following command in your terminal:
npm init qore-app-component [component name]
This will create a new directory with the specified package name and install all necessary dependencies.
Start edit your component in
src/[componentName].tsx, all qore apps api are available via props with more api added viw import from
@qorebase/app-componentpackage. If you're using third party package, make sure the package supports schema script module, if not, that package will be bundled by rollup.
To build the package, run the following command:
npm run build
This will compile the TypeScript code and bundle the source and commonjs packages with Rollup.
To publish the package, run the following command to bump the version:
npm version [major|minor|patch|prerelease]
This will bump the version in
package-lock.jsonand create a new commit and tag.
Then, run the following command to publish the package: