vuetify carousel: How to hide the bottom control panel

Question

2.2k views Asked by Georgii Dernovyi At 06 September 2017 at 18:12

I need to use v-carousel without the bottom control panel. It's useless when number of images more than 20. Is it possible to hide it?

There are 2 answers

**thanksd** · Answer 1 · 2017-09-06T18:41:51+00:00

thanksd On 06 September 2017 at 18:41

You can do that with css:

.carousel .carousel__controls { display: none; }

**Tom** · Answer 2 · 2018-01-13T21:27:01+00:00

Tom On 13 January 2018 at 21:27

You just need to add the hide-delimiters prop. You can find all carousel props here: VuetifyJS API

<v-carousel hide-delimiters>
[...]