hhl-ui
hhl-ui is a VUE library for use in CH.
Installation
Install in project via NPM or YARN
# install
npm install hhl-ui # OR
yarn add hhl-ui
Use lazy load All
The only thing to do is to import "hhl-ui" then each component will be lazy loadet, when you use a componet. It will also load the main css.
import Vue from 'vue';
import App from './App.vue';
import {lazyLoadAll} from 'hhl-ui';
lazyLoadAll();
new Vue({
render: (h) => h(App)
}).$mount('#app');Or use individual components global
import Vue from 'vue';
import App from './App.vue';
import {hhlBtn} from 'hhl-ui';
Vue.component('hhlBtn', hhlBtn);
new Vue({
render: (h) => h(App)
}).$mount('#app');Or use individual components local
<template>
<hhl-btn>Local</hhl-btn>
</template>
<script lang="ts">
import Vue from 'vue';
import {hhlBtn} from 'hhl-ui';
export default Vue.extend({
components: {
hhlBtn,
},
});
</script>Via Script tag from CDN
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://unpkg.com/hhl-ui@latest/dist/hhl-ui.css">
</head>
<body>
<div id="app">
<hhl-btn>Hello World</hhl-btn>
</div>
<script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="https://unpkg.com/hhl-ui@latest/dist/hhl-ui.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</body>
</html>
![dependabot[bot]](https://avatars.githubusercontent.com/u/49699333?size=120)