@laura-wert/vue-helpers

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

Stats

StarsIssuesVersionUpdatedCreatedSize
@laura-wert/vue-helpers
3.0.12 years ago3 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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.