Some Custom Vuejs Component Examples

1. Implementation of a large list of items with corresponding checkboxes - allows for ctrl/shift click to select and select all.
2. A custom re-useable tooltip for custom tooltip info, html safe.
3. Implementation of special form inputs to allow for include/exclude designations

Description of files

The Example-TooltipsAndSelects.vue file is an example of a page where the tooltip, include/exclude selection, and dropdown with filtering as you type are all implemented.

The Example-GenericList shows an implementation of the generic list component.

Custom "tri-state" toggle

1. SelectIncludeExclude.vue
2. SelectIncludeExcludeFromSearch.vue

Dropdown with filter as you type

1. SearchDropdownInput.vue

Generic Selectable List

1. GenericList.vue
2. MultiSelect.js

Tooltip

1. ToolTip.vue