0.0.8 • Published 6 years ago
@gusmano/ext-component v0.0.8
ext-component
A standalone Web Component for Ext JS
Using this component
Script tag
- Publish to NPM
- Put a script tag similar to this
<script src='https://unpkg.com/ext-component@0.0.1/dist/extcomponent.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
Node Modules
- Run
npm install @gusmano/ext-component --save - Put a script tag similar to this
<script src='node_modules/ext-component/dist/extcomponent.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
example index.html page
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
<title>Stencil Component Starter</title>
<script src='node_modules/ext-component/dist/extcomponent.js'></script>
<script src="/assets/ext-6.5.2/build/ext-modern-all.js"></script>
<link href="/assets/ext-6.5.2/build/modern/theme-material/resources/theme-material-all.css" rel='stylesheet'/>
</head>
<body>
<ext-component xtype='button' config='{"text":"hi","height":"100px","width": "50px"}'></ext-component>
</body>
</html>