https://github.com/siy1121/vue-sliding-panel

Provides sliding panel component like AndroidSlidingUpPanel
https://github.com/siy1121/vue-sliding-panel

vue vue-components

Last synced: 21 days ago
JSON representation

Provides sliding panel component like AndroidSlidingUpPanel

• Host: GitHub
• URL: https://github.com/siy1121/vue-sliding-panel
• Owner: SIY1121
• License: apache-2.0
• Created: 2019-07-02T19:13:23.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T03:28:32.000Z (about 2 years ago)
• Last Synced: 2024-12-13T21:54:24.856Z (21 days ago)
• Topics: vue, vue-components
• Language: Vue
• Homepage: https://vue-sliding-panel.siy.space
• Size: 2.58 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-sliding-panel

![](https://badge.fury.io/js/vue-sliding-panel.svg)

![](https://img.shields.io/npm/l/vue-sliding-panel)

![logo](https://user-images.githubusercontent.com/17082836/63780877-cb199300-c923-11e9-9404-04b19c66c959.png)

vue-sliding-panel provides sliding panel component like [AndroidSlidingUpPanel](https://github.com/umano/AndroidSlidingUpPanel)

##  Installation

```bash

npm install vue-sliding-panel

# or

yarn add vue-sliding-panel

```

## Usage

Write below code in your application entry point.

```javascript

import Vue from 'vue'

import SlidingPanel from 'vue-sliding-panel'

import 'vue-sliding-panel/vue-sliding-panel.css'

Vue.use(SlidingPanel)

```

Then you can use `sliding-panel`

```vue

  


    

      {{ panelState }}

    

  


export default {

  data() {

    return {

      panelState: 'collapsed',

      gravity: 'bottom'

    }

  }

}

.sliding-panel {

  background: white;

  left: 0;

  right: 0;

}

```

See [documents](https://vue-sliding-panel.siy.space) for more infomation.

## License

> Licensed under the Apache License, Version 2.0 (the "License");

> you may not use this work except in compliance with the License.

> You may obtain a copy of the License in the LICENSE file, or at:

>

>  [http://www.apache.org/licenses/LICENSE-2.0](http://www.apache.org/licenses/LICENSE-2.0)

>

> Unless required by applicable law or agreed to in writing, software

> distributed under the License is distributed on an "AS IS" BASIS,

> WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

> See the License for the specific language governing permissions and

> limitations under the License.