@fiteo/outfit-carousel-vue2

Outfit Carousel - Desktop and Mobile Web - Vue2 from https://fiteo.store/

Scripts

  npm i @fiteo/outfit-carousel-vue2

PropTypes

Properties	Type	Default	Description
productId: (required)	String	"123456"	Get the outfit list by product id.
privateKey: (required)	String	"123456ABCDEF"	The key to use this component.
size: (optional)	String	"12" or "12,14"	filter by size.
onClickProduct: (optional)	Function	callbackFunction(productId)	Callback Function trigger when click on the product with parameter is: productId.
nameSize: (optional)	String	"1.15"	Set the font size value for the outfit's name (rem).
tagSize: (optional)	String	"0.9"	Set the font size value for the outfit's tags (rem).

Usage

<template>
  <outfit-carousel
    productId="123456"
    privateKey="123456ABCDEF"
    size="12,14"
    :onClickProduct="handleClickProduct"
    nameSize="1.15"
    tagSize="0.9"
  />
</template>

<script>
import OutfitCarousel from "@fiteo/outfit-carousel-vue2"

export default {
  components: { OutfitCarousel }
  methods: {
    handleClickProduct(productId) {
      console.log("...productId", productId)
    },
  },
}
</script>