easy-static-polls

Install

NPM

First, install easy-static-polls via your preferred package manager:

$ npm install easy-static-polls --save

Then register any relevant components in your JavaScript:

import Vue from 'vue'
import { Poll, RenderlessPoll } from 'easy-static-polls'

Vue.component('poll', Poll)
Vue.component('renderless-poll', RenderlessPoll)

Now you can use the components in your markup:

<poll :choices="{ 'banana': 'Banana', 'apple': 'Apple' }"></poll>

CDN

Simply include vue & easy-static-polls.js - we recommend using unpkg.

<script src="https://unpkg.com/vue@latest"></script>
<!-- use the latest release -->
<script src="https://unpkg.com/easy-static-polls@latest"></script>
<!-- or point to a specific release -->
<script src="https://unpkg.com/[email protected]"></script>

Then register any relevant components in your JavaScript:

Vue.component('poll', easyStaticPolls.Poll);
Vue.component('renderless-poll', easyStaticPolls.RenderlessPoll);

Now you can use the components in your markup:

<poll :choices="{ 'banana': 'Banana', 'apple': 'Apple' }"></poll >

Here's an example on JSBin.

Usage

Props

| Name | Type | Default Value | Description | | :--- | :--- | :--- | :--- | | afterSubmitHook | Function | Empty function | Description | | allowCustomAnswer | Boolean | false | Notification's body message. Normally should be set up | | buttonText | String | 'Submit Answer' | time before notifications gone | | choices | Object | Empty object | Callback function | | customAnswerLabel | Object | Empty object | Callback function | | endpoint | String | undefined | Callback function | | fieldGoalFormKey | String | undefined| Callback function | | multipleChoice | Boolean | false | Callback function | | onSubmitErrorHook | Function | Empty function | Callback function | | requestConfig | Object | Empty object | Callback function | | thankYouMessage | String | 'Your answer has been submitted.' | Callback function |