Connect a label, hint, or error to any control. Try the live example, then switch to Code to copy its Vue source.
Preview
<script setup>
import { NbField, NbInputGroup } from '@neobrut-vue/core'
</script>
<template>
<NbField label="Handle" hint="Letters and numbers only" v-slot="{ inputId, describedBy, invalid }">
<NbInputGroup>
<template #start>@</template>
<input :id="inputId" :aria-describedby="describedBy" :aria-invalid="invalid || undefined" placeholder="your-handle" />
</NbInputGroup>
</NbField>
</template>
Usage
Import NbField from @neobrut-vue/core and its stylesheet once in your app. The Code tab above contains a complete example.