Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/satriaajiputra/sidebar-menu-drawer

A Vue component sidebar menu drawer
https://github.com/satriaajiputra/sidebar-menu-drawer

Last synced: about 2 months ago
JSON representation

A Vue component sidebar menu drawer

Host: GitHub
URL: https://github.com/satriaajiputra/sidebar-menu-drawer
Owner: satriaajiputra
License: mit
Created: 2019-11-19T14:30:06.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2022-12-11T13:59:49.000Z (over 1 year ago)
Last Synced: 2024-01-23T11:06:09.564Z (4 months ago)
Language: Vue
Size: 1.28 MB
Stars: 8
Watchers: 3
Forks: 0
Open Issues: 20
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)
awesome-vue - @satmaxt/sidebar-menu-drawer - A simple interactive sidebar menu drawer and easy to implement (Components & Libraries / UI Components)

README

        # sidebar-menu-drawer

- [Sidebar Menu Drawer](#sidebar-menu-drawer)

- [Demo](#demo)

- [Quick Installation](#quick-installation)

  - [Install Required Dependencies](#install-required-dependencies)

  - [Install Sidebar Menu Drawer](#install-sidebar-menu-drawer)

  - [Using Component](#using-component)

# Demo







# Quick Installation

## Install Optional Dependencies

```

npm install --save font-awesome

```

## Install Sidebar Menu Drawer

```

npm install @satmaxt/sidebar-menu-drawer

```

## Using Component

at ``script`` tag section

```js

import SidebarMenuDrawer from '@satmaxt/sidebar-menu-drawer'

export default {

  data() {

    return {

      show: true,

      ...

    }

  },

  components: {

    SidebarMenuDrawer

  }

}

```

at ``template`` section

```html

  


    Show

    

      

        Sidebar Menu

      

      

         Home

         About

         Contact

         Privacy

        

        
 Product

         Blog

         Support

      

    

  


```

At ``style`` section

```scss

@import "~@satmaxt/sidebar-menu-drawer/src/assets/sidebar-menu-drawer";

/* Add this line if you installed font-awesome */

$fa-font-path: "~font-awesome/fonts" !default;

@import '~font-awesome/scss/font-awesome';

```

Done

Coded at Sukabumi by [Satmaxt Developer](https://satmaxt.xyz)