Brendan's Web Form Sample
The Auto-Complete control provides suggestions to the user as they enter data into a field. This can be used to speed up data entry, guide the user toward entering a set of known default values, etc.
Datepicker controls can be attached to input elements (for a pop-up experience) or directly to a container element in the page, such as a <div> element for an inline experience. They can also be triggered by clicking on a button element that you provide.
The basic dialog template includes a title bar, close box, and space for content. Dialogs can be further customized via options such as draggable, resizable, modal, etc..
Progress bars give the user an idea of how far along a particular process is, and can help give them a sense of how much time is left to perform a particular task. They can also have an "indeterminate" state, which tells the user that there isn't any way to calculate how much time the task will take.
Select Menu controls provide a highly styleable replacement for the standard HTML select control.
The Slider control is typically used to select values along a scale. They can be free-form, snapped to certain values, bound to specific ranges, and displayed horizontally or vertically.
Spinner controls provide an easy way to select numerical values.
Tooltip controls provide additional information for any element on hover or focus.
This sample web form has been designed to pass form entry data to the DOM using Vue.js which would [hypothetically] allow
it to be available for dynamic page rendering as well as internal and/or external API requests (for demonstration purposes).
It is not currently being used to assist with any project requests, nor to send user data anywhere (Ex: to another application).
| Location | Sales | (919) 123-4567 | ||||||
| 1234 Made Up Rd, | Services | (919) 765-4321 | ||||||
| Placeholder, State 12345 |