pineapple-popup-error

PopupError

Shareable components for distribution via npm

for pineapple.net.au

and landing pages of pineapple.net.au

There is no sense to use this components outside pineapple.net.au because of specific styles and graphics

Usage

Install

yarn add pineapple-popup-error

import

import PopupError from 'pineapple-popup-error'

Usage

You should declare the component in components section and add boolean variable popupErrorOpened in data property:

components: {
  PopupError
},
data () ({
  popupErrorOpened: false
})

Then you can use the component:

<PopupError :opened.sync="popupErrorOpened" />

Test component

To test the component, insert the button to your template:

<v-btn @click="popupErrorOpened = true">
  Open error popup
</v-btn>

<PopupError :opened.sync="popupErrorOpened" />