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.
Generic URL input.
Pair with a Label for a complete form field.
| 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. |
| 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.