Vuetify: [Feature Request] Make v-carousel-item more generic

Created on 20 Dec 2017  路  3Comments  路  Source: vuetifyjs/vuetify

New Functionality

v-carousel-item is used to display a list of image. Btw, src is a required prop. I would make the component more generic using the slots. What if we want to integrate an SVG or whatever component which is not an image ?

The carousel size if fixed to 500px, what about let the component take its children size ? In this case, the carousel would just be a container component with transition and controls.

Improvements

It'll let the user entirely describe what he wants in its carousel.

<v-carousel>
  <v-carousel-item>
    <v-card><img /></v-card>
  </v-carousel-item>
</v-carousel>

I would imagine a <v-carousel-img> component for image intergration facilities.

Bugs or Edge Cases it Helps Avoid

No potential bugs just more flexibility

enhancement feature

Most helpful comment

We have just done a very nice refactor on v-tabs and its functionality might become more generalized and used for both components as they are similar in nature. Bottom line, will be doing this.

All 3 comments

We have just done a very nice refactor on v-tabs and its functionality might become more generalized and used for both components as they are similar in nature. Bottom line, will be doing this.

I found this library for a carousel the most complete: http://idangero.us/swiper/api/

This can now be implemented with v-window in v1.3. Carousel will remain scoped to displaying images.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

smousa picture smousa  路  3Comments

gluons picture gluons  路  3Comments

itanka9 picture itanka9  路  3Comments

dohomi picture dohomi  路  3Comments

aaronjpitts picture aaronjpitts  路  3Comments