@laura-wert/vue-helpers

## Modalwrapper components Wraps QModal and adds a few extra functionalities. props:

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@laura-wert/vue-helpers
3.0.13 years ago4 years agoMinified + gzip package size for @laura-wert/vue-helpers in KB

Readme

Build Status Codacy Badge Codacy Badge
uw-vue-helpers

Modalwrapper components

Wraps QModal and adds a few extra functionalities. props:
  • value (boolean optional): used to open and close the modal
  • title (string optional): Title to be displayed in the modal
  • showLoading (boolean optional): Shows QInnerLoading with QSpinnerGears if true

Besides displaying props the modal also has three slots available for you to customize your modal. These slots being:
  • content (consists of modal content),
  • abort (consists of the abort button),
  • buttons (consists modal wrapper buttons).

The modal can be opened using both refs and v-model.

ModalWrapperButtons

Component with the default ModalWrapperButtons, slots:
  • abort
  • submit

ModalWrapperContent

Component with default ModalWrapperContent styling slots:
  • Default

ModalWrapperTitle

Component with default ModalWrapperTitle styling, props:
  • title (string optional): Title to be displayed in the modal

SelectWithFilter

Standard QSelect component with basic filter function included

ColumnDefault

Helper to set column properties