JSPM

vuejs-popup

1.0.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q28168F
  • License ISC

Pop up wrapper for Vue js

Package Exports

  • vuejs-popup

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vuejs-popup) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vuejs-popup

A customizable popup for Vue Js

Props

Following props can be passed to this component.

icon ==> Can be passed a fontawesome class, eg, fa-caret

Installation

npm i vuejs-popup

Usage

  • import the component globally or locally.

    import popup from "vuejs-popup";

  • Use the component as:

<popup icon="fa-plus">
        <template v-slot:default>
            //place your contents here.
        </template>
</popup>

Example

        <popup icon="fa-plus">
            <table class="table table-bordered">
              <tr>
                <th>Name</th>
                <th>Address</th>
                <th>Contact</th>
              </tr>
              <tr>
                <td>Random Name</td>
                <td>Random Address</td>
                <td>Random Contact</td>
              </tr>
            </table>
        </popup>

Preview