NbMessage displays contextual feedback below (or inside) a form field: errors, warnings, successes, or helper hints. It pairs naturally with NbTextInput, NbSelect, and other form controls, but can also be used standalone anywhere feedback text is needed.
vue
<template>
<NbMessage variant="error">This field is required.</NbMessage>
<NbMessage variant="warning">Value exceeds limit.</NbMessage>
<NbMessage variant="success">Username is available.</NbMessage>
<NbMessage variant="helper">Use dot-separated notation.</NbMessage>
</template>Icon-only mode
When icon-only is set, the text is hidden and reappears as a tooltip on hover. This is how NbTextInput uses NbMessage in the fluid variant to keep the field compact.
vue
<template>
<NbMessage variant="error" icon-only>This field is required.</NbMessage>
</template>