0.0.39 • Published 3 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
3 years ago
0.0.37
3 years ago
0.0.38
3 years ago
0.0.20
3 years ago
0.0.21
3 years ago
0.0.22
3 years ago
0.0.23
3 years ago
0.0.24
3 years ago
0.0.25
3 years ago
0.0.16
3 years ago
0.0.17
3 years ago
0.0.18
3 years ago
0.0.19
3 years ago
0.0.30
3 years ago
0.0.31
3 years ago
0.0.32
3 years ago
0.0.33
3 years ago
0.0.34
3 years ago
0.0.35
3 years ago
0.0.36
3 years ago
0.0.26
3 years ago
0.0.27
3 years ago
0.0.28
3 years ago
0.0.29
3 years ago
0.0.10
3 years ago
0.0.11
3 years ago
0.0.12
3 years ago
0.0.13
3 years ago
0.0.14
3 years ago
0.0.15
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.5
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago