Skip to content

Commit 0563a9f

Browse files
committed
add innerTagName prop
1 parent a1dbabc commit 0563a9f

File tree

3 files changed

+16
-8
lines changed

3 files changed

+16
-8
lines changed

dist/vue-carousel.min.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/themes/vue/source/js/vue-carousel.min.js

+3-3
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/Carousel.vue

+10-2
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,8 @@
77
class="VueCarousel-wrapper"
88
ref="VueCarousel-wrapper"
99
>
10-
<div
10+
<component
11+
:is="innerTagName"
1112
ref="VueCarousel-inner"
1213
:class="[
1314
'VueCarousel-inner',
@@ -26,7 +27,7 @@
2627
}"
2728
>
2829
<slot></slot>
29-
</div>
30+
</component>
3031
</div>
3132

3233
<slot name="navigation" v-if="navigationEnabled">
@@ -324,6 +325,13 @@ export default {
324325
type: String,
325326
default: "slide"
326327
},
328+
/**
329+
* Name (tag) of inner wrapper component
330+
*/
331+
innerTagName: {
332+
type: String,
333+
default: "div"
334+
},
327335
/**
328336
* Support for v-model functionality
329337
*/

0 commit comments

Comments
 (0)