Files
ui/docs/app/components/content/examples/input/InputButtonGroupExample.vue
Sandro Circi 104852a55c chore: use new syntax for css variables (#3258)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
2025-02-07 11:24:14 +01:00

27 lines
537 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-(--ui-text-muted)">
https://
</p>
</template>
</UInput>
<USelectMenu v-model="domain" :items="domains" />
</UButtonGroup>
</template>