JSPM

  • Created
  • Published
  • Downloads 20
  • Score
    100M100P100Q98570F
  • License MIT

Vue Navigation Drawer Component

Package Exports

  • @gits-id/nav-drawer
  • @gits-id/nav-drawer/package.json
  • @gits-id/nav-drawer/src/NavDrawer.dark.scss
  • @gits-id/nav-drawer/src/NavDrawer.scss
  • @gits-id/nav-drawer/src/NavDrawer.stories.ts
  • @gits-id/nav-drawer/src/NavDrawer.vue
  • @gits-id/nav-drawer/src/README.md
  • @gits-id/nav-drawer/src/Readme.stories.mdx
  • @gits-id/nav-drawer/src/colors.ts
  • @gits-id/nav-drawer/src/deprecated/Changelog.stories.mdx
  • @gits-id/nav-drawer/src/deprecated/Readme.stories.mdx
  • @gits-id/nav-drawer/src/deprecated/VNavDrawer.spec.ts
  • @gits-id/nav-drawer/src/deprecated/VNavDrawer.stories.ts
  • @gits-id/nav-drawer/src/deprecated/VNavDrawer.vue
  • @gits-id/nav-drawer/src/index.ts
  • @gits-id/nav-drawer/src/stories/NavDrawerCustom.vue
  • @gits-id/nav-drawer/src/vue.d.ts

Readme

NavDrawer

Navigation Drawer Component.

Installation

Install with your own prefered package manager:

# with NPM
npm i @gits-id/nav-drawer

# Or with Yarn
yarn add @gits-id/nav-drawer

# Or with PNPM
pnpm i @gits-id/nav-drawer

Usage

<script setup lang="ts">
import {ref} from 'vue';
import VNavDrawer from '@gits-id/nav-drawer';
import '@gits-id/nav-drawer/dist/style.css';

const isOpen = ref(true);
</script>

<template>
  <VNavDrawer v-model="isOpen">
    <p>Hello World</p>
  </VNavDrawer>
</template>

Documentation

View VNavDrawer documentation here.

License

MIT