mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
J-Michalek
a0963eba82
Co-authored-by: Jakub <jakub.michalek@freelo.io> Co-authored-by: Benjamin Canac <canacb1@gmail.com>
27 lines
521 B
Vue
27 lines
521 B
Vue
<script setup lang="ts">
|
|
const value = ref('')
|
|
const domains = ['.com', '.dev', '.org']
|
|
const domain = ref(domains[0])
|
|
</script>
|
|
|
|
<template>
|
|
<UFieldGroup>
|
|
<UInput
|
|
v-model="value"
|
|
placeholder="nuxt"
|
|
:ui="{
|
|
base: 'pl-14.5',
|
|
leading: 'pointer-events-none'
|
|
}"
|
|
>
|
|
<template #leading>
|
|
<p class="text-sm text-muted">
|
|
https://
|
|
</p>
|
|
</template>
|
|
</UInput>
|
|
|
|
<USelectMenu v-model="domain" :items="domains" />
|
|
</UFieldGroup>
|
|
</template>
|