Skip to content

Add InputField component

Duggan, John requested to merge 11-determine-how-to-incorporate-inputfield into main

Summary of Changes

Adds InputField component for generating consistent Vuetify inputs across our Trame applications with automatic cross-field validation support. It takes the following properties:

  • required: automatically adds '*' to the input label and sets a required validation rule on the input
  • type: determines the type of input to generate

All other properties get passed to the created Vuetify input.

This MR updates the example app to make use of InputField. It demonstrates required fields, different input types, and cross-field validation.

Checklist

  • The MR has a clear and concise title
  • Code is self-documented and follows style guidelines.
  • Automated tests are written and pass successfully.
  • Regression tests (e.g. manually triggered system tests, manual GUI/tool tests, ...) are performed to make sure the MR does not break anything (when applicable)
  • Readme file is present and up-to-date.

Documentation Updates

Additional Notes

Closes #11 (closed)

Edited by Duggan, John

Merge request reports