@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

/@laura-wert/vue-helpers/

    Package Sidebar

    Install

    npm i @laura-wert/vue-helpers

    Weekly Downloads

    25

    Version

    3.0.1

    License

    MIT

    Unpacked Size

    240 kB

    Total Files

    32

    Last publish

    Collaborators

    • rickyrick
    • martijng788