@laura-wert/vue-helpers
TypeScript icon, indicating that this package has built-in type declarations

3.0.1 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i @laura-wert/vue-helpers

Weekly Downloads

2

Version

3.0.1

License

MIT

Unpacked Size

240 kB

Total Files

32

Last publish

Collaborators

  • rickyrick
  • martijng788