Files
policy-ui/.claude/skills/nuxt-ui/components/modal.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

944 B

Modal

A dialog window that can be used to display a message or request user input.

Based on Reka UI Modal

Key Props

  • title: to set the title of the Modal's header.
  • description: to set the description of the Modal's header.
  • close: to customize or hide the close button (with false value) displayed in the Modal's header.
  • transition: to control whether the Modal is animated or not.
  • overlay: to control whether the Modal has an overlay or not.
  • modal: to control whether the Modal blocks interaction with outside content.
  • dismissible: to control whether the Modal is dismissible when clicking outside of it or pressing escape.
  • scrollable: to make the Modal's content scrollable within the overlay.
  • fullscreen: to make the Modal fullscreen.

Usage

<UModal
  <!-- props here -->
/>

Slots

  • #content
  • #header
  • #body
  • #footer