Form Field

NField

Field is a wrapper component that provides uniform layout for form elements: label, help text, validation messages etc. Field component can be used in conjunction with the Input mixin to introduce new form elements.

Name
Type
Default
Description
id
String
function() { const hash = Math.random() .toString(36) .replace(/[^a-z]+/g, '') .substr(0, 5); return `n-field-vue-${hash}`; }

ID of the input/control element Used to make labels accessible

required
Boolean
--

Adds required indicator to the label

label
String
--

Field label

help
String
--

Help text and/or instructions

error
String
--

Error messages

Default Field

Please write a few paragraphs about yourself