NbInput is a native text input wrapped in the kit’s field styling. Type below to see v-model update immediately.
Preview
Copy < script setup lang = "ts" > import { ref } from 'vue' import { NbInput } from '@neobrut-vue/core' const name = ref ( '' ) </ script > < template > < div class = "demo-stack" > < NbInput v-model = " name " label = "Your name" placeholder = "Type something" hint = "This updates as you type." /> < p aria-live = "polite" >{{ name ? `Hello, ${name}!` : 'Your name appears here.' }}</ p > </ div > </ template > < style scoped > .demo-stack { display : grid ; gap : 1 rem ; max-width : 26 rem ; } .demo-stack p { margin : 0 ; font-weight : 700 ; } </ style > Usage
< NbInput v-model = " name " label = "Name" placeholder = "Ada Lovelace" /> Pass hint for supporting text or error for validation feedback. Native attributes such as required, name, autocomplete, and disabled are forwarded to the input.