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
26 lines
621 B
Markdown
26 lines
621 B
Markdown
# PinInput
|
|
|
|
An input element to enter a pin.
|
|
|
|
> Based on [Reka UI PinInput](https://reka-ui.com/docs/components/pin-input)
|
|
|
|
## Key Props
|
|
|
|
- `type`: to change the input type.
|
|
- `mask`: to treat the input like a password.
|
|
- `otp`: to enable One-Time Password functionality.
|
|
- `length`: to change the amount of inputs.
|
|
- `placeholder`: to set a placeholder text.
|
|
- `color`: to change the ring color when the PinInput is focused.
|
|
- `variant`: to change the variant of the PinInput.
|
|
- `size`: to change the size of the PinInput.
|
|
- `disabled`: to disable the PinInput.
|
|
|
|
## Usage
|
|
|
|
```vue
|
|
<UPinInput
|
|
<!-- props here -->
|
|
/>
|
|
```
|