Vuetify is a collection of pre-made components paired with powerful features such dynamic themes , global defaults , application layouts , and more. Its goal is to provide developers with all of the necessary tools to build rich and engaging user experiences.

Usage

We've used vuetify-based components. There are many common components are also designed as if developer do not have to write same code each time. 

List is as per below:

Component name	Component use
src/app/common/components/Breadcrumb.vue	Breadcrumb of all pages
src/app/common/components/Card.vue	Common Card component
src/app/common/components/CKEditor.vue	Use CKEditor anywhere
src/app/common/components/ConfirmationDialog.vue	Confirmation Dialog before performing any operation like delete.
src/app/common/components/ImageUploader.vue	Common Image uploader to manage image upload, remove.
src/app/common/components/ListMenu.vue	Listing all items as a list.
src/app/common/components/ListMenuWithIcon.vue	Listing items as a list with icon.
src/app/common/components/NumberSpinner.vue	Common NumberSpinner component
src/app/common/components/RemoveItemConfirmationDialog.vue	Simple Dialog for confirmation of deletion.
src/app/common/components/Status.vue	Chip component to maintain all status.
src/app/common/components/SuccessChip.vue	Chip with icon to show succuss or failure.
src/app/common/components/Table.vue	Common component for table.
src/app/common/components/TableAction.vue	Common component for view, edit delete action in the table
src/app/common/validationComponents/TextField.vue	Common component for text filed, it also includes validations
src/app/common/validationComponents/TextArea.vue	Common component for textarea

Advance common components

Component name	Component use
src/app/common/components/filters/MenuSelect.vue	Autocomplete component for search and select menu item as a filter.
src/app/common/components/filters/QuerySearch.vue	TextField component which is giving updated query. It can have debounce also.