custom-element-types

A generator to create type definitions and framework bindings for applications using Web Components (Custom Elements).

Getting Started

Install via NPM

npm install --save-dev custom-element-types

Playground

If you have a published Web Component library you can try out the generator playground.

CLI

custom-element-types --write --type react --entrypoint @blueprintui/components

Args	Description
type	react, preact, angular, typescript, blazor
custom-elements	optional custom path to custom-elements.json file
write	write to file, optionally provide a output directory path
entrypoint	package name for base entrypoint import path, else defaults to relative path

Examples

• React: https://stackblitz.com/edit/http-server-noh4jj
• Angular: https://stackblitz.com/edit/node-1tthxz
• Preact: https://stackblitz.com/edit/vitejs-vite-8qed1q
• Blazor: https://github.com/coryrylan/clarity-blazor