shelter-zone-ui

SHELTER-ZONE UI

---

Vue 3 components library

Installation

# with npm
$ npm install shelter-zone-ui

# with yarn
$ yarn add shelter-zone-ui

Getting Start

By All components

// in main.js / main.ts
import { createApp } from 'vue'
import App from './App.vue'

import SZUI from 'shelter-zone-ui' // <- import SZUI
import 'shelter-zone-ui/dist/style.css' // <- import SZUI styles

const Vue = createApp(App)
Vue.use(SZUI) // <- use SZUI
Vue.mount("#app")

And then free to use anywhere in .vue component.

---

By Individual import

<!--in xxx.vue component file--> 
<template>
    <SZButton>Button</SZButton>
</template>

<script>
import { defineComponent } from 'vue'

import { SZButton } from 'shelter-zone-ui' // <- import individual component
import 'shelter-zone-ui/dist/style.css' // <- import styles

export default defineComponent({
  name: "App",
  components: {
    SZButton, // <- use component
  },
</script>