Eric's UI Kit Docs & Demo

Introduction to forms

EUIKit includes a set of form building components to simplify the process of creating data forms. In addition to the standard HTML5 form input types, a few other types are added for special and common use cases.

Forms consist of a x-euikit::form wrapper that sets up the display and form parameters. Other components can be nested within the wrapper, such as x-euikit::card-2column or the grid wrappers. Form components set up the input fields and a standard button can be used for form submission.

EUIKit includes some specialized form components that simplify some more common advanced form functions:

  • x-euikit::form.lookup
    Hydrates an HTML5 select component with Laravel Models.
  • x-euikiut::form.textlist
    Provides an interface for the user to add/remove text elements to a list. The list is returned as an array on submission.
  • x-euikit::form.sheet.*
    A set of minimal UI header and input components that can be grouped together in a close, spreadsheet-like, grid format.