0.0.39 • Published 2 years ago
@cifrum/navi v0.0.39
⚠️ The package is in the early stages of development and is not ready for use in production!
Quick start
!!! You need Vue.js version 3.2+. (Vue 2 is not supported) !!! You need TailwindCSS version 3.0+.
1. Install Navi via:
NPM
npm install @cifrum/navi
or
Yarn
yarn add @cifrum/navi
2. Import and use Navi
Vue JS Plugin
Nuxt
import Navi from '@cifrum/navi'
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(Navi)
})
Clear Vue
import { createApp } from 'vue'
import Root from './App.vue'
import Navi from '@cifrum/navi'
const app = createApp(Root)
app.use(Navi)
app.mount('#app')
SCSS
// Set your custom configs
$icon-sizes: (
'xs': 12,
'sm': 16,
'md': 24,
'lg': 36,
'xl': 40
);
// Import Navi styles
@import "~@cifrum/navi/src/styles";
3. Add Navi to content tailwind.config.js:
module.exports = {
presets: [require("@cifrum/navi/src/navi-tailwind-preset")],
content: [
//...
'./node_modules/@cifrum/navi/src/**/*.{js,vue,ts}',
],
//...
}
0.0.39
2 years ago
0.0.37
2 years ago
0.0.38
2 years ago
0.0.20
2 years ago
0.0.21
2 years ago
0.0.22
2 years ago
0.0.23
2 years ago
0.0.24
2 years ago
0.0.25
2 years ago
0.0.16
2 years ago
0.0.17
2 years ago
0.0.18
2 years ago
0.0.19
2 years ago
0.0.30
2 years ago
0.0.31
2 years ago
0.0.32
2 years ago
0.0.33
2 years ago
0.0.34
2 years ago
0.0.35
2 years ago
0.0.36
2 years ago
0.0.26
2 years ago
0.0.27
2 years ago
0.0.28
2 years ago
0.0.29
2 years ago
0.0.10
2 years ago
0.0.11
2 years ago
0.0.12
2 years ago
0.0.13
2 years ago
0.0.14
2 years ago
0.0.15
2 years ago
0.0.9
2 years ago
0.0.8
2 years ago
0.0.5
2 years ago
0.0.7
2 years ago
0.0.6
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago