mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
27 lines
542 B
Vue
27 lines
542 B
Vue
<script setup lang="ts">
|
|
const value = ref('')
|
|
const domains = ['.com', '.dev', '.org']
|
|
const domain = ref(domains[0])
|
|
</script>
|
|
|
|
<template>
|
|
<UButtonGroup>
|
|
<UInput
|
|
v-model="value"
|
|
placeholder="nuxt"
|
|
:ui="{
|
|
base: 'pl-[57px]',
|
|
leading: 'pointer-events-none'
|
|
}"
|
|
>
|
|
<template #leading>
|
|
<p class="text-sm text-[var(--ui-text-muted)]">
|
|
https://
|
|
</p>
|
|
</template>
|
|
</UInput>
|
|
|
|
<USelectMenu v-model="domain" :items="domains" />
|
|
</UButtonGroup>
|
|
</template>
|