Display Mode

Inline Validation

Classic Bootstrap-style error messages rendered directly below each field.

Contact Form
How It Works

Inline is the default display mode. Errors render as .invalid-feedback elements below the field, matching native Bootstrap validation visuals.

Features
  • Automatic ARIA attributes (aria-invalid, aria-describedby)
  • Shake animation on error
  • Clears on valid input in real time
  • Works with all Bootstrap form controls
Usage
<form data-ev-form data-ev-display="inline"> <input data-ev-type="email" data-ev-required="true" /> </form>
Per-Field Override
<!-- This field uses toast --> <input data-ev-display="toast" data-ev-type="email" />