@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

Dependencies (0)

    Dev Dependencies (41)

    Package Sidebar

    Install

    npm i @laura-wert/vue-helpers

    Weekly Downloads

    0

    Version

    3.0.1

    License

    MIT

    Unpacked Size

    240 kB

    Total Files

    32

    Last publish

    Collaborators

    • rickyrick
    • martijng788