Hhl-ui NPM | npm.io

1.0.129 • Published 4 months ago

Install

Weekly downloads

127

License

-

Repository

Last release

4 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

7 months ago

7 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

7 months ago

6 months ago

7 months ago

5 months ago

5 months ago

5 months ago

5 months ago

4 months ago

4 months ago

5 months ago

5 months ago

4 months ago

4 months ago

8 months ago

8 months ago

8 months ago

8 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

7 months ago

8 months ago

8 months ago

8 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

1 year ago

1 year ago

1 year 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

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

3 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

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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago