vue-flashcard v1.1.6

Vue Flashcard :zap:

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

:white_check_mark: Install :ok_hand:

npm i vue-flashcard

:white_check_mark: Usage :mortar_board:

• Add it to your component :tada:

import vueFlashcard from 'vue-flashcard';

export default {

components : { vueFlashcard }

}

:white_check_mark: Example :four_leaf_clover:

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

:white_check_mark: :book: 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"

Happy coding ^.^