nuxt-typeform
A NuxtJS wrapper for Typeform Embed SDK.
Installation
$ npm install --save nuxt-typeform # or yarn add
Setup
- Install with
npm install --save nuxt-typeform
// or
yarn add nuxt-typeform
- Add
nuxt-typeform
tomodules
section ofnuxt.config.js
modules: 'nuxt-typeform'
Usage
<Typeform url="https://test.typeform.com/to/test" :hide-headers="true" :hide-footer="true" :button-text="Send" :opacity="0" :on-submit="onSubmit"/>
methods: ... { console }
Component Options
url
(required)
typeform's URL (like: https://admin.typeform.com/to/PlBzgL)
hide-headers
(optional)
Hide typeform header, that appears when you have a Question group, or a long question that you need to scroll through to answer, like a Multiple Choice block.
hide-footer
(optional)
Hide typeform footer, that appears showing the progress bar and the navigation buttons.
opacity
(optional)
You can make your typeform's background totally transparent, or opaque. (For example, to have a video as a background)
button-text
(optional)
The button text that appears on mobile in order to open the typeform.
on-submit
(optional)
PRO+ accounts only Callback function that will be executed right after the typeform is successfully submitted.
Development
$ git clone https://github.com/jgmullor/nuxt-typeform.git$ cd nuxt-typeform$ npm
License
Code released under the MIT license.