Custom Element Types
42 |Framework Type Generator for Web Components
43 | 44 | 48 |Getting Started
52 | 53 |
54 |
55 |
59 | The Custom Element Types generator will use a custom-elements.json file to generate
60 | a specific type definition files or shims for a given framework enabling type checking in
61 | type aware templates such as TSX in React or Angular HTML templates.
62 |
64 | Most Web Component libraries ship with a custom-elements.json. However if not provided, a manifest can be generated using the Custom Elements Manifest Generator.
65 |
npm install --save-dev custom-element-types
68 |
69 | custom-element-types --write --type react --entrypoint @blueprintui/components
102 | Add a types.d.ts file to your project (React example).
103 |
106 | Add custom-element-types.module.ts file to your project.
107 | Import and add CustomElementTypeModule to your app module (Angular example).
108 |
111 | Add a types.d.ts file to your project (Preact example).
112 |
115 | Add a types.d.ts file to your project. If using a third party library it is likely this definition is already included.
116 |
-
119 |
- Add
event-handlers.jstowwwroot.
120 | -
121 | Add script tag reference to
index.html
122 |123 | <script type="module" src="js/event-handlers.js"></script> 124 |125 |
126 | -
127 | Add
EventHandlers.csto the root of the project. 128 |
129 | - 130 | (Blazor example). 131 | 132 |