Input Link
URL / social handle input that auto-prefixes with the right base URL. Pass label='Instagram' and the input prepends https://instagram.com/. Pasting a full URL strips the prefix automatically.
Default
Generic URL input.
With label
Pair with a Label for a complete form field.
API Reference
Props, events, and slots for each sub-component.
InputLink
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| modelValue | string | "" | Full URL. Supports v-model. |
| label | "Website" | "Instagram" | "Facebook" | "X" | "TikTok" | "LinkedIn" | "YouTube" | "Website" | Determines the prefix and validation pattern. |
| class | string | — | Extra classes. |
Events
| Event | Description |
|---|---|
| update:modelValue | Fires with the full URL (prefix re-applied). Enables v-model. |
Social media
Pass label as Instagram, Facebook, X, TikTok, LinkedIn, YouTube to get the matching prefix.