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
32 lines
919 B
Markdown
32 lines
919 B
Markdown
# Slideover
|
|
|
|
A dialog that slides in from any side of the screen.
|
|
|
|
> Based on [Reka UI Slideover](https://reka-ui.com/docs/components/dialog)
|
|
|
|
## Key Props
|
|
|
|
- `title`: to set the title of the Slideover's header.
|
|
- `description`: to set the description of the Slideover's header.
|
|
- `close`: to customize or hide the close button (with `false` value) displayed in the Slideover's header.
|
|
- `side`: to set the side of the screen where the Slideover will slide in from.
|
|
- `transition`: to control whether the Slideover is animated or not.
|
|
- `overlay`: to control whether the Slideover has an overlay or not.
|
|
- `modal`: to control whether the Slideover blocks interaction with outside content.
|
|
- `dismissible`: to control whether the Slideover is dismissible when clicking outside of it or pressing escape.
|
|
|
|
## Usage
|
|
|
|
```vue
|
|
<USlideover
|
|
<!-- props here -->
|
|
/>
|
|
```
|
|
|
|
## Slots
|
|
|
|
- `#content`
|
|
- `#header`
|
|
- `#body`
|
|
- `#footer`
|