diff --git a/docs/.docgen/components-metadata.json b/docs/.docgen/components-metadata.json index fea21679..82639bf0 100644 --- a/docs/.docgen/components-metadata.json +++ b/docs/.docgen/components-metadata.json @@ -2122,10 +2122,10 @@ }, "CdsCarousel": { "name": "CdsCarousel", + "description": "O Carousel é um componente que permite a exibição de uma série de conteúdos\n(imagens, textos, cards, etc.) em um formato deslizante.", + "tags": {}, "exportName": "default", "displayName": "Carousel", - "description": "", - "tags": {}, "props": [ { "name": "items", @@ -2205,7 +2205,7 @@ "description": "Evento emitido quando algum item do carrossel é clicado.", "type": { "names": [ - "Event" + "any" ] } } @@ -2233,9 +2233,9 @@ }, "CdsCarouselController": { "displayName": "CdsCarouselController", - "exportName": "default", - "description": "", + "description": "CarouselControllers são componentes utilizados para controlar a exibição\nde elementos em carrosséis, informando a página atual ou o intervalo de itens sendo exibidos.", "tags": {}, + "exportName": "default", "props": [ { "name": "propertyName", diff --git a/docs/components/containers/carousel-controller.md b/docs/components/containers/carousel-controller.md index 8cc6d79e..c703e737 100644 --- a/docs/components/containers/carousel-controller.md +++ b/docs/components/containers/carousel-controller.md @@ -18,10 +18,11 @@ CarouselControllers são componentes utilizados para controlar a exibição de e ## Uso -```js +```html diff --git a/docs/components/display/carousel.md b/docs/components/display/carousel.md index 740f810a..abffdb3c 100644 --- a/docs/components/display/carousel.md +++ b/docs/components/display/carousel.md @@ -29,13 +29,19 @@ O Carousel é um componente que permite a exibição de uma série de conteúdos ## Uso -```js +```html + :items="items" + @item-click="handleItemClick" +> + + ``` --- diff --git a/src/components/Carousel.vue b/src/components/Carousel.vue index 33b39616..f7708f1d 100644 --- a/src/components/Carousel.vue +++ b/src/components/Carousel.vue @@ -61,6 +61,10 @@ import useIsMobile from '../utils/composables/useIsMobile'; import { ref, computed } from 'vue'; import Icon from './Icon.vue'; +/** + * O Carousel é um componente que permite a exibição de uma série de conteúdos + * (imagens, textos, cards, etc.) em um formato deslizante. + */ defineOptions({ name: 'CdsCarousel' }); const props = defineProps({ @@ -111,10 +115,10 @@ const props = defineProps({ const emit = defineEmits([ /** - * Evento emitido quando algum item do carrossel é clicado. - * @event item-click - * @type {Event} - */ + * Evento emitido quando algum item do carrossel é clicado. + * @event item-click + * @type {any} + */ 'item-click', ]); diff --git a/src/components/CarouselController.vue b/src/components/CarouselController.vue index 8305734a..d01612cb 100644 --- a/src/components/CarouselController.vue +++ b/src/components/CarouselController.vue @@ -41,6 +41,10 @@