Main NavigationGuide Appearance For Your Next Awesome Project Flexible, responsive, and highly customizable Vue carousel component to suit almost all your use cases Getting Started → Examples Github 🧁 Vue.js Optimized to work with Vue 3 framework, not a wrapper for another library. ...
A Vue 3 carousel component API Carousel Props 参数类型默认值说明 direction 'horizontal' | 'vertical' 'horizontal' 轮播图显示的方向 effect 'scroll' | 'fade' | 'slide' 'fade' 轮播图切换时的过渡效果 turnDirection boolean true 轮播方向 showDots 'always' | 'hover' | 'never' 'hover' 是否展示...
Modern lightweight Vue 3 carousel component ✨ Features 📱Responsive- Breakpoints support 🔄Infinite Scroll- Wrap around sliding 🖱️Mouse/Touch- Dragging support ⚡Auto Play- Automatic sliding 🎯Slide Classes- Active & visible states ...
The Vue Carousel component allows users to display images with content, links, and more, like a slide show.
0.0.3•Public• Published2 years ago Vue3 Image Carousel Component A Vue component library for building interactive UI elements. License This project is licensed under theMIT License. Installation npm i vue3-image-carousel-component or yarn add vue3-image-carousel-component ...
Vue3 Carousel Nuxt Module This module integrates the Vue 3 Carousel component with Nuxt 3. Installation npx nuxi@latest module add vue3-carousel-nuxt or with Yarn: npx nuxi@latest module add vue3-carousel-nuxt Usage In your nuxt.config.ts (or nuxt.config.js), add the module: export...
Alt + JKeys to focus the Carousel component (done at application end). ArrowsKeys to navigate between slides. HomeTo navigate to the first slide. EndTo navigate to the last slide. SpaceTo play/pause the slide transitions. EnterTo perform the respective action on its focus. ...
A carousel component for Vue.js inspired bySlick. Powerful, responsive, touch-friendly, with Nuxt.js SSR support, without a jQuery dependency. Demo & examples If you like the component remember tostar it⭐️. Installation npm install vue3-agile ...
/ Carousel Represents the VueJS Carousel Component. Properties allowKeyboardInteraction boolean Defines whether to enable keyboard actions or not. @remarks If any form input component is placed on the carousel slide, interacting with it may cause the left/right arrow keys to navigate to other slides...
npm install vue3-components 然后,在项目中导入并使用这些组件。例如,在main.js或main.ts文件中: import { createApp } from 'vue'; import App from './App.vue'; import { Button, Carousel } from 'vue3-components'; const app = createApp(App); app.component('Button', Button); app.component...