Files
policy-ui/.claude/skills/nuxt-ui/components/carousel.md
HaimKortovich a2eb1f3789 Add nuxt-skills and update auto quotes to use new policy API structure
- Add nuxt-skills (vue, nuxt, nuxt-ui) to .claude/skills/
- Create useCustomerSelection() composable for managing insured/buyer selection
- Create usePolicyApi() composable for policy API operations
- Update auto quote components to use insured/buyer instead of client
- Update vehicle fields: remove valorVehiculo, add market_value, requested_value, rc_limits
- Make chassis_number and engine_number optional
- Update auto quote types and composables to match new API structure
- Update auto quote page to submit to policy API with new structure
2026-04-27 14:56:53 -05:00

867 B

Carousel

A carousel with motion and swipe built using Embla.

Key Props

  • items: as an array and render each item using the default slot:

::component-example

name: 'carousel-items-example' class: 'p-8'


::

You can also pass an array of objects with the following properties:

  • class?: any{lang="ts-type"}
  • ui?: { item?: ClassNameValue }{lang="ts-type"}

You can control how many items are visible by using the [basis](https://tailwindcss.

  • orientation: to change the orientation of the Progress.
  • arrows: to display prev and next buttons.
  • dots: to display a list of dots to scroll to a specific slide.
  • autoplay: as a boolean or an object to configure the [Autoplay plugin](https://www.
  • fade: as a boolean or an object to configure the [Fade plugin](https://www.

Usage

<UCarousel
  <!-- props here -->
/>