This repository was archived by the owner on Oct 19, 2024. It is now read-only.
- Notifications
You must be signed in to change notification settings - Fork4
Vue slider component with touch and mouse support. Only JSX
License
NotificationsYou must be signed in to change notification settings
piyushchauhan2011/vue-simple-slider
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
vue-simple-slider
Vue slider component with touch and mouse support.
Modern browsers and IE10+ (IE9 should work, but as flex is not supported you'll need to change CSS).
- Lightweight, no dependencies
- Navigation, pager and arrows
- Swipe and Mouse support, with velocity detection
- Works only with JSX syntax currently
import'node_modules/vue-simple-slider/dist/Slider.css'importSliderfrom'vue-simple-slider'conststyle={height:'250px',display:'flex',justifyContent:'center',alignItems:'center',color:'#fafafa'}exportdefault{components:{ Slider},render(h){return(<Slider><divstyle={{background:'#21BB9A', ...style}}><h1>A</h1></div><divstyle={{background:'#329ADD', ...style}}><h1>B</h1></div><divstyle={{background:'#9A5CB9', ...style}}><h1>C</h1></div><divstyle={{background:'#E64C3C', ...style}}><h1>D</h1></div><divstyle={{background:'#2D3F52', ...style}}><h1>E</h1></div></Slider>)}}
# install dependenciesnpm i -g vue-clinpm install# serve with hot reload at localhost:4000npm run dev# build for production with minificationnpm run build
For detailed explanation on how things work, consult thedocs for vue-build.
vue-simple-slider is open source and released under theMIT License.
Copyright (c) 2017Piyush Chauhan.
PS: I would love to know if you're using vue-simple-slider. Tweet to me at@piyushpsycho.
Shamelessy copied from react communityReact Simple Slider
About
Vue slider component with touch and mouse support. Only JSX
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published