القائمة
Element Plus Carousel component (el-carousel) API documentation. Triggers when user wants to use, implement, or asks about el-carousel or Carousel component.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Element Plus Affix component (el-affix) API documentation. Triggers when user wants to use, implement, or asks about el-affix or Affix component.
Element Plus Alert component (el-alert) API documentation. Triggers when user wants to use, implement, or asks about el-alert or Alert component.
Element Plus Anchor component (el-anchor) API documentation. Triggers when user wants to use, implement, or asks about el-anchor or Anchor component.
Element Plus Autocomplete component (el-autocomplete) API documentation. Triggers when user wants to use, implement, or asks about el-autocomplete or Autocomplete component.
Element Plus Avatar component (el-avatar) API documentation. Triggers when user wants to use, implement, or asks about el-avatar or Avatar component.
Element Plus Backtop component (el-backtop) API documentation. Triggers when user wants to use, implement, or asks about el-backtop or Backtop component.
| name | element-plus-carousel |
| description | Element Plus Carousel component (el-carousel) API documentation. Triggers when user wants to use, implement, or asks about el-carousel or Carousel component. |
| Name | Description | Type | Default |
|---|---|---|---|
| height | height of the carousel | ^[string] | '' |
| initial-index | index of the initially active slide (starting from 0) | ^[number] | 0 |
| trigger | how indicators are triggered | ^[enum]'hover' | 'click' | hover |
| autoplay | whether automatically loop the slides | ^[boolean] | true |
| interval | interval of the auto loop, in milliseconds | ^[number] | 3000 |
| indicator-position | position of the indicators | ^[enum]'' | 'none' | 'outside' | '' |
| arrow | when arrows are shown | ^[enum]'always' | 'hover' | 'never' | hover |
| type | type of the Carousel | ^[enum]'' | 'card' | '' |
| card-scale ^(2.7.8) | when type is card, scaled size of secondary cards | ^[number] | 0.83 |
| loop | display the items in loop | ^[boolean] | true |
| direction | display direction | ^[enum]'horizontal' | 'vertical' | horizontal |
| pause-on-hover | pause autoplay when hover | ^[boolean] | true |
| motion-blur ^(2.6.0) | infuse dynamism and smoothness into the carousel | ^[boolean] | false |
| Name | Description | Type |
|---|---|---|
| change | triggers when the active slide switches, it has two parameters, the one is the index of the new active slide, and other is index of the old active slide | ^[Function](current: number, prev: number) => boolean |
| Name | Description | Subtags |
|---|---|---|
| default | customize default content | Carousel-Item |
| Method | Description | Type |
|---|---|---|
| activeIndex ^(2.7.8) | active slide index | ^[number] |
| setActiveItem | manually switch slide, index of the slide to be switched to, starting from 0; or the name of corresponding el-carousel-item | ^[Function](index: string | number) => void |
| prev | switch to the previous slide | ^[Function]() => void |
| next | switch to the next slide | ^[Function]() => void |
| Name | Description | Type | Default |
|---|---|---|---|
| name | name of the item, can be used in setActiveItem | ^[string] | '' |
| label | text content for the corresponding indicator | ^[string] / ^[number] | '' |
| Name | Description |
|---|---|
| default | customize default content |
