Rich flashcard component for vue js 2 🎉
Switch branches/tags
Nothing to show
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Github Update 1.1.5 small improve 🌟 Apr 28, 2017
README.md Update 1.1.4 small improve 🌟 Apr 28, 2017
flashcard.vue Update 1.1.3 small improve 🌟 Apr 28, 2017
package.json Update 1.1.5 small improve 🌟 Apr 28, 2017

README.md

Vue Flashcard ⚡️

Image flashcard

  • This is on GitHub so let me know if I've b0rked it somewhere, give me a star ⭐️ if you like it

Install 👌

npm i vue-flashcard

Usage 🎓

  • Add it to your component 🎉

Usage image

import vueFlashcard from 'vue-flashcard';

export default {

components : { vueFlashcard }

}

Example 🍀

<vue-flashcard 
front="hello this is a flashcard" 
back="with animation">
</vue-flashcard>

📖 Props:

  • front ( Front text) [default: ""]

  • back (Back text) [default: ""]

  • imgFront (Image front ) [default: ""]

  • imgBack (Image back) [default: ""]

  • colorFront (Color front card ) [default: "white"]

  • colorBack (Color back card ) [default: "green"]

  • colorTextFront (Color text front card ) [default: "black"]

  • colorTextBack (Color text back card ) [default: "white"]

  • textSizeFront (Text size front card ) [default: "2em"]

  • textSizeBack (Text size back card ) [default: "2em"]

  • headerFront (Header front text ) [default: "Do you know?"]

  • headerBack (Header back text ) [default: "Answer"]

  • footerFront (Footer front text) [default: "Click to show Back"]

  • footerBack (Footer back text ) [default: "Click to show Front"]

Make with my old laptop :octocat:

NPM