Skip to main content

Inline Message

Inline messages are ideally used as help text for from elements after validation.


There are 4 different sized varients of inline messages provided in GEL. Info, Success, Warning and Danger

Inline message types


Inline message demo


  • Inline messages should be displayed underneath the input fields/select/input numbers when validation fails for that component.
  • One field can have a maximum of one inline message at any instance.

When to use

  • Use inline messages to inform the user of validations applied to the form elements.

Designer assets

Hey Designers, please find the Figma assets here. If you want permission to access the file, please contact GEL Community.

Developer API


Inline message is a custom component specific to GEL and is not available in PrimeVue.