skills.rest
jiaiyan
jiaiyanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

el-carousel

Create image and content carousels in Vue 3 apps with Element Plus.

21|2|Updated Mar 13, 2026
Search Tags:#ui#vue#component#slides#carousel#element-plus#carousel-item
One-click install
npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-carousel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: el-carousel
Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-carousel
Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-carousel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a reusable carousel component to display image slides, banners, or rotating content within a constrained UI space.

Core Features & Use Cases

  • Reusable UI component: easy integration of el-carousel with slides.
  • Flexible configuration: supports indicators, arrows, autoplay, direction, and type "card".
  • Use Case: show product galleries, testimonials, or promo banners.

Quick Start

Create an el-carousel with multiple el-carousel-item slides to showcase a simple image slider.

Frequently Asked Questions about el-carousel

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a Vue 3 image carousel using Element Plus?▼

Configure el-carousel with el-carousel-item slides to automate rotating content presentation. It supports attributes like height, autoplay, interval, and direction for flexible Vue 3 image galleries.

Can I configure autoplay and slide direction for Element Plus carousels?▼

Configure el-carousel attributes like autoplay, interval, and direction to automate rotating content presentation. It supports indicators, arrows, and the card type for flexible Vue 3 image galleries.

Do I need any external dependencies to use el-carousel in my Vue 3 app?▼

No external dependencies are required beyond the Element Plus framework in a Vue 3 app. The el-carousel component integrates directly to display rotating slides without additional libraries.

What is the best way to display rotating banners in a constrained dashboard UI?▼

Using a carousel component is the best way to display rotating banners in a constrained UI. It automates sequential slide presentation, making it ideal for product pages and dashboards.

How do I programmatically control slides in a Vue 3 carousel?▼

Control Vue 3 carousel slides programmatically using supported events, slots, and exposed component methods. This enables dynamic manipulation of the el-carousel presentation state.

Related Skills

Explore More Software Engineering Skills→
wepn13232wepn13232
7

element-plus-carousel

Document the Element Plus Carousel API with attribute, event, slot, and expose references.

Community
Basic
jacobduijzerjacobduijzer

plugin-analytics-instrumentation

Instrument Backstage plugins with analytics events via the Backstage Analytics API.

Community
Intermediate
wepn13232wepn13232
7

element-plus-card

Document Element Plus el-card attributes, slots, and styling patterns.

Community
Basic
tiantangcao1980-webtiantangcao1980-web
4

element-plus

Build Vue 3 desktop interfaces with Element Plus components and theming.

Community
Intermediate