^{This component is designed to be utilized in pineapple.net.au projects only.
It should not be used outside the pineapple.net.au and landing pages of pineapple.net.au}

yarn add pineapple-popup

<script src="https://registry.npmjs.org/pineapple-popup"></script>

import 'pineapple-popup'
import 'pineapple-popup/dist/pineapple-popup.css'

const Popup = require('pineapple-popup')
const PopupStyles = require('pineapple-popup/dist/pineapple-popup.css')

<Popup type="success" :opened="popupOpened" />

<Popup type="error" :opened="popupOpened" />

<Popup type="disabled" :opened="popupOpened" />

You can send any info to component Popup:

<Popup
  :title="title"
  :text="text"
  :color="color"
  :opened="popupOpened"
/>