0.0.4 • Published 6 months ago
simularge-ui-kit v0.0.4
Component SimulargeUiKit
Compatible with Quasar UI v2 and Vue 3.
Component SimulargeUiKit
Short description of the component
Usage
Quasar CLI project
Install the App Extension.
OR:
Create and register a boot file:
import Vue from 'vue'
import Plugin from 'simularge-ui-kit'
import 'simularge-ui-kit/dist/index.css'
Vue.use(Plugin)OR:
<style src="simularge-ui-kit/dist/index.css"></style>
<script>
import { Component as SimulargeUiKit } from 'simularge-ui-kit'
export default {
components: {
SimulargeUiKit
}
}
</script>Vue CLI project
import Vue from 'vue'
import Plugin from 'simularge-ui-kit'
import 'simularge-ui-kit/dist/index.css'
Vue.use(Plugin)OR:
<style src="simularge-ui-kit/dist/index.css"></style>
<script>
import { Component as SimulargeUiKit } from 'simularge-ui-kit'
export default {
components: {
SimulargeUiKit
}
}
</script>UMD variant
Exports window.simulargeUiKit.
Add the following tag(s) after the Quasar ones:
<head>
<!-- AFTER the Quasar stylesheet tags: -->
<link href="https://cdn.jsdelivr.net/npm/simularge-ui-kit/dist/index.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- at end of body, AFTER Quasar script(s): -->
<script src="https://cdn.jsdelivr.net/npm/simularge-ui-kit/dist/index.umd.min.js"></script>
</body>If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
<link href="https://cdn.jsdelivr.net/npm/simularge-ui-kit/dist/index.rtl.min.css" rel="stylesheet" type="text/css">License
MIT (c)