Hhl-ui NPM | npm.io

1.0.129 • Published 8 months ago

Install

Weekly downloads

127

License

-

Repository

Last release

8 months ago

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 'hhl-ui';

new Vue({
  render: (h) => h(App)
}).$mount('#app');

Or use individual components global

import Vue from 'vue';
import App from './App.vue';
import 'hhl-ui/style';
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>
import {hhlBtn} from  'hhl-ui';

export default {
  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">
      <link rel="stylesheet" href="https://unpkg.com/hhl-ui@latest/dist/hhl-ui.css">
      <script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
      <script src="https://unpkg.com/hhl-ui@latest/dist/hhl-ui.umd.min.js"></script>
      
    </head>
    <body>
      <div id="app">
        <hhl-btn>Hello World</hhl-btn>
      </div>
      
      <script>
        new Vue({
          el: '#app'
        })
      </script>
    </body>
    </html>

@infinitebrahmanuniverse/nolb-hh @everything-registry/sub-chunk-1846

11 months ago

11 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

8 months ago

9 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

12 months ago

12 months ago

12 months ago

12 months ago

10 months ago

10 months ago

10 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

9 months ago

9 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago