0.0.39 • Published 3 years ago

@cifrum/navi v0.0.39

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

⚠️ 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