HaimKortovich
a2eb1f3789
- 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
38 lines
867 B
Markdown
38 lines
867 B
Markdown
# 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
|
|
|
|
```vue
|
|
<UCarousel
|
|
<!-- props here -->
|
|
/>
|
|
```
|