text: (self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_views_components_vuesax_cards_cards_vue"],{
  
  /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/cards/cards.vue?vue&type=script&lang=js&":
  /*!*******************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/cards/cards.vue?vue&type=script&lang=js& ***!
    \*******************************************************************************************************************************************************************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
  /* harmony export */ });
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
    name: "cards",
    data: function data() {
      return {
        title: "Cards",
        defaultcards: false,
        mediacards: false,
        fixheightcards: false,
        hovercards: false
      };
    }
  });
  
  /***/ }),
  
  /***/ "./resources/js/views/components/vuesax/cards/cards.vue":
  /*!**************************************************************!*\
    !*** ./resources/js/views/components/vuesax/cards/cards.vue ***!
    \**************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
  /* harmony export */ });
  /* harmony import */ var _cards_vue_vue_type_template_id_5d5c2d76___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cards.vue?vue&type=template&id=5d5c2d76& */ "./resources/js/views/components/vuesax/cards/cards.vue?vue&type=template&id=5d5c2d76&");
  /* harmony import */ var _cards_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./cards.vue?vue&type=script&lang=js& */ "./resources/js/views/components/vuesax/cards/cards.vue?vue&type=script&lang=js&");
  /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
  
  
  
  
  
  /* normalize component */
  ;
  var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__.default)(
    _cards_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default,
    _cards_vue_vue_type_template_id_5d5c2d76___WEBPACK_IMPORTED_MODULE_0__.render,
    _cards_vue_vue_type_template_id_5d5c2d76___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "resources/js/views/components/vuesax/cards/cards.vue"
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);
  
  /***/ }),
  
  /***/ "./resources/js/views/components/vuesax/cards/cards.vue?vue&type=script&lang=js&":
  /*!***************************************************************************************!*\
    !*** ./resources/js/views/components/vuesax/cards/cards.vue?vue&type=script&lang=js& ***!
    \***************************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
  /* harmony export */ });
  /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cards_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cards.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/cards/cards.vue?vue&type=script&lang=js&");
   /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_cards_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); 
  
  /***/ }),
  
  /***/ "./resources/js/views/components/vuesax/cards/cards.vue?vue&type=template&id=5d5c2d76&":
  /*!*********************************************************************************************!*\
    !*** ./resources/js/views/components/vuesax/cards/cards.vue?vue&type=template&id=5d5c2d76& ***!
    \*********************************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "render": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cards_vue_vue_type_template_id_5d5c2d76___WEBPACK_IMPORTED_MODULE_0__.render),
  /* harmony export */   "staticRenderFns": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cards_vue_vue_type_template_id_5d5c2d76___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns)
  /* harmony export */ });
  /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_cards_vue_vue_type_template_id_5d5c2d76___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./cards.vue?vue&type=template&id=5d5c2d76& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/cards/cards.vue?vue&type=template&id=5d5c2d76&");
  
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/cards/cards.vue?vue&type=template&id=5d5c2d76&":
  /*!************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/cards/cards.vue?vue&type=template&id=5d5c2d76& ***!
    \************************************************************************************************************************************************************************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "render": () => (/* binding */ render),
  /* harmony export */   "staticRenderFns": () => (/* binding */ staticRenderFns)
  /* harmony export */ });
  var render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "vs-row",
      { attrs: { "vs-justify": "center" } },
      [
        _c(
          "vs-col",
          {
            attrs: {
              type: "flex",
              "vs-justify": "center",
              "vs-align": "center",
              "vs-lg": "12",
              "vs-xs": "12"
            }
          },
          [
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v("\n        With Default Cards\n        "),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.defaultcards = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v("\n        To add a card we have the\n        "),
                  _c("code", [_vm._v("vs-card")]),
                  _vm._v(
                    " component, for the internal structure we use several slots\n        "
                  ),
                  _c("code", [_vm._v("(header, footer, media, ... )")])
                ]),
                _vm._v(" "),
                _c(
                  "vs-row",
                  { attrs: { "vs-justify": "center" } },
                  [
                    _c(
                      "vs-col",
                      {
                        attrs: {
                          type: "flex",
                          "vs-justify": "center",
                          "vs-align": "center",
                          "vs-w": "6",
                          "vs-sm": "12"
                        }
                      },
                      [
                        _c("vs-card", [
                          _c(
                            "div",
                            { attrs: { slot: "header" }, slot: "header" },
                            [_c("h4", [_vm._v("Hello world !")])]
                          ),
                          _vm._v(" "),
                          _c("div", [
                            _c("span", [
                              _vm._v(
                                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
                              )
                            ])
                          ]),
                          _vm._v(" "),
                          _c(
                            "div",
                            { attrs: { slot: "footer" }, slot: "footer" },
                            [
                              _c(
                                "vs-row",
                                { attrs: { "vs-justify": "flex-end" } },
                                [
                                  _c("vs-button", {
                                    staticClass: "mr-2",
                                    attrs: {
                                      type: "gradient",
                                      color: "danger",
                                      icon: "favorite"
                                    }
                                  }),
                                  _vm._v(" "),
                                  _c("vs-button", {
                                    staticClass: "mr-2",
                                    attrs: {
                                      color: "primary",
                                      icon: "turned_in_not"
                                    }
                                  }),
                                  _vm._v(" "),
                                  _c("vs-button", {
                                    attrs: {
                                      color: "rgb(230,230,230)",
                                      "color-text": "rgb(50,50,50)",
                                      icon: "settings"
                                    }
                                  })
                                ],
                                1
                              )
                            ],
                            1
                          )
                        ])
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.defaultcards },
                    on: {
                      "update:active": function($event) {
                        _vm.defaultcards = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n          <vs-row vs-justify="center">\n          <vs-col type="flex" vs-justify="center" vs-align="center" vs-w="6" vs-sm="12">\n          <vs-card>\n          <div slot="header">\n          <h4>\n          Hello world !\n          </h4>\n          </div>\n          <div>\n          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>\n          </div>\n          <div slot="footer">\n          <vs-row vs-justify="flex-end">\n          <vs-button class="mr-2" type="gradient" color="danger" icon="favorite"></vs-button>\n          <vs-button class="mr-2" color="primary" icon="turned_in_not"></vs-button>\n          <vs-button color="rgb(230,230,230)" color-text="rgb(50,50,50)" icon="settings"></vs-button>\n          </vs-row>\n          </div>\n          </vs-card>\n          </vs-col>\n          </vs-row>\n        '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v("\n        With Media Cards\n        "),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.mediacards = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v(
                    "\n        There are cases in which you need to add an image or video on the card so we have the\n        "
                  ),
                  _c("code", [_vm._v('slot="media"')])
                ]),
                _vm._v(" "),
                _c(
                  "vs-row",
                  { attrs: { "vs-justify": "center" } },
                  [
                    _c(
                      "vs-col",
                      {
                        attrs: {
                          type: "flex",
                          "vs-justify": "center",
                          "vs-align": "center",
                          "vs-w": "6",
                          "vs-sm": "12"
                        }
                      },
                      [
                        _c("vs-card", { staticClass: "cardx" }, [
                          _c(
                            "div",
                            { attrs: { slot: "header" }, slot: "header" },
                            [_c("h4", [_vm._v("Hello world !")])]
                          ),
                          _vm._v(" "),
                          _c("div", { attrs: { slot: "media" }, slot: "media" }, [
                            _c("img", {
                              attrs: { src: "/assets/images/big/img1.jpg" }
                            })
                          ]),
                          _vm._v(" "),
                          _c("div", [
                            _c("span", [
                              _vm._v(
                                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
                              )
                            ])
                          ]),
                          _vm._v(" "),
                          _c(
                            "div",
                            { attrs: { slot: "footer" }, slot: "footer" },
                            [
                              _c(
                                "vs-row",
                                { attrs: { "vs-justify": "flex-end" } },
                                [
                                  _c("vs-button", {
                                    staticClass: "mr-2",
                                    attrs: {
                                      type: "gradient",
                                      color: "danger",
                                      icon: "favorite"
                                    }
                                  }),
                                  _vm._v(" "),
                                  _c("vs-button", {
                                    staticClass: "mr-2",
                                    attrs: {
                                      color: "primary",
                                      icon: "turned_in_not"
                                    }
                                  }),
                                  _vm._v(" "),
                                  _c("vs-button", {
                                    attrs: {
                                      color: "rgb(230,230,230)",
                                      "color-text": "rgb(50,50,50)",
                                      icon: "settings"
                                    }
                                  })
                                ],
                                1
                              )
                            ],
                            1
                          )
                        ])
                      ],
                      1
                    ),
                    _vm._v(" "),
                    _c(
                      "vs-col",
                      {
                        attrs: {
                          type: "flex",
                          "vs-justify": "center",
                          "vs-align": "center",
                          "vs-w": "6",
                          "vs-sm": "12"
                        }
                      },
                      [
                        _c("vs-card", { staticClass: "cardx" }, [
                          _c(
                            "div",
                            { attrs: { slot: "header" }, slot: "header" },
                            [_c("h4", [_vm._v("Hello world !")])]
                          ),
                          _vm._v(" "),
                          _c("div", { attrs: { slot: "media" }, slot: "media" }, [
                            _c("img", {
                              attrs: { src: "assets/images/big/img2.jpg" }
                            })
                          ]),
                          _vm._v(" "),
                          _c("div", [
                            _c("span", [
                              _vm._v(
                                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
                              )
                            ])
                          ]),
                          _vm._v(" "),
                          _c(
                            "div",
                            { attrs: { slot: "footer" }, slot: "footer" },
                            [
                              _c(
                                "vs-row",
                                { attrs: { "vs-justify": "flex-end" } },
                                [
                                  _c("vs-button", {
                                    staticClass: "mr-2",
                                    attrs: {
                                      type: "gradient",
                                      color: "danger",
                                      icon: "favorite"
                                    }
                                  }),
                                  _vm._v(" "),
                                  _c("vs-button", {
                                    staticClass: "mr-2",
                                    attrs: {
                                      color: "primary",
                                      icon: "turned_in_not"
                                    }
                                  }),
                                  _vm._v(" "),
                                  _c("vs-button", {
                                    attrs: {
                                      color: "rgb(230,230,230)",
                                      "color-text": "rgb(50,50,50)",
                                      icon: "settings"
                                    }
                                  })
                                ],
                                1
                              )
                            ],
                            1
                          )
                        ])
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.mediacards },
                    on: {
                      "update:active": function($event) {
                        _vm.mediacards = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n          <vs-row vs-justify="center">\n          <vs-col type="flex" vs-justify="center" vs-align="center" vs-w="6" vs-sm="12">\n          <vs-card class="cardx">\n          <div slot="header">\n          <h4>\n          Hello world !\n          </h4>\n          </div>\n          <div slot="media">\n          <img src="/assets/images/big/img1.jpg">\n          </div>\n          <div>\n          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>\n          </div>\n          <div slot="footer">\n          <vs-row vs-justify="flex-end">\n          <vs-button class="mr-2" type="gradient" color="danger" icon="favorite"></vs-button>\n          <vs-button class="mr-2" color="primary" icon="turned_in_not"></vs-button>\n          <vs-button color="rgb(230,230,230)" color-text="rgb(50,50,50)" icon="settings"></vs-button>\n          </vs-row>\n          </div>\n          </vs-card>\n          </vs-col>\n          <vs-col type="flex" vs-justify="center" vs-align="center" vs-w="6" vs-sm="12">\n          <vs-card class="cardx">\n          <div slot="header">\n          <h4>\n          Hello world !\n          </h4>\n          </div>\n          <div slot="media">\n          <img src="assets/images/big/img2.jpg">\n          </div>\n          <div>\n          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>\n          </div>\n          <div slot="footer">\n          <vs-row vs-justify="flex-end">\n          <vs-button class="mr-2" type="gradient" color="danger" icon="favorite"></vs-button>\n          <vs-button class="mr-2" color="primary" icon="turned_in_not"></vs-button>\n          <vs-button color="rgb(230,230,230)" color-text="rgb(50,50,50)" icon="settings"></vs-button>\n          </vs-row>\n          </div>\n          </vs-card>\n          </vs-col>\n          </vs-row>\n        '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v("\n        With Fixed Height Cards\n        "),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.fixheightcards = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v(
                    "\n        If you need to set card with the same height, send the prop\n        "
                  ),
                  _c("code", [_vm._v("fixed-height")]),
                  _vm._v(" and cards set to 100% of height.\n      ")
                ]),
                _vm._v(" "),
                _c(
                  "vs-row",
                  { attrs: { "vs-justify": "center" } },
                  [
                    _c(
                      "vs-col",
                      {
                        attrs: {
                          type: "flex",
                          "vs-justify": "center",
                          "vs-align": "center",
                          "vs-w": "6",
                          "vs-sm": "12"
                        }
                      },
                      [
                        _c(
                          "vs-card",
                          { staticClass: "cardx", attrs: { fixedHeight: "" } },
                          [
                            _c(
                              "div",
                              { attrs: { slot: "header" }, slot: "header" },
                              [_c("h4", [_vm._v("Hello world !")])]
                            ),
                            _vm._v(" "),
                            _c(
                              "div",
                              { attrs: { slot: "media" }, slot: "media" },
                              [
                                _c("img", {
                                  attrs: { src: "assets/images/big/img3.jpg" }
                                })
                              ]
                            ),
                            _vm._v(" "),
                            _c("div", [
                              _c("span", [
                                _vm._v(
                                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
                                )
                              ]),
                              _vm._v(" "),
                              _c("span", [
                                _vm._v(
                                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
                                )
                              ])
                            ]),
                            _vm._v(" "),
                            _c(
                              "div",
                              { attrs: { slot: "footer" }, slot: "footer" },
                              [
                                _c(
                                  "vs-row",
                                  { attrs: { "vs-justify": "flex-end" } },
                                  [
                                    _c("vs-button", {
                                      staticClass: "mr-2",
                                      attrs: {
                                        type: "gradient",
                                        color: "danger",
                                        icon: "favorite"
                                      }
                                    }),
                                    _vm._v(" "),
                                    _c("vs-button", {
                                      staticClass: "mr-2",
                                      attrs: {
                                        color: "primary",
                                        icon: "turned_in_not"
                                      }
                                    }),
                                    _vm._v(" "),
                                    _c("vs-button", {
                                      attrs: {
                                        color: "rgb(230,230,230)",
                                        "color-text": "rgb(50,50,50)",
                                        icon: "settings"
                                      }
                                    })
                                  ],
                                  1
                                )
                              ],
                              1
                            )
                          ]
                        )
                      ],
                      1
                    ),
                    _vm._v(" "),
                    _c(
                      "vs-col",
                      {
                        attrs: {
                          type: "flex",
                          "vs-justify": "center",
                          "vs-align": "center",
                          "vs-w": "6",
                          "vs-sm": "12"
                        }
                      },
                      [
                        _c(
                          "vs-card",
                          { staticClass: "cardx", attrs: { fixedHeight: "" } },
                          [
                            _c(
                              "div",
                              { attrs: { slot: "header" }, slot: "header" },
                              [_c("h4", [_vm._v("Hello world !")])]
                            ),
                            _vm._v(" "),
                            _c(
                              "div",
                              { attrs: { slot: "media" }, slot: "media" },
                              [
                                _c("img", {
                                  attrs: { src: "assets/images/big/img4.jpg" }
                                })
                              ]
                            ),
                            _vm._v(" "),
                            _c("div", [
                              _c("span", [
                                _vm._v(
                                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
                                )
                              ])
                            ]),
                            _vm._v(" "),
                            _c(
                              "div",
                              { attrs: { slot: "footer" }, slot: "footer" },
                              [
                                _c(
                                  "vs-row",
                                  { attrs: { "vs-justify": "flex-end" } },
                                  [
                                    _c("vs-button", {
                                      staticClass: "mr-2",
                                      attrs: {
                                        type: "gradient",
                                        color: "danger",
                                        icon: "favorite"
                                      }
                                    }),
                                    _vm._v(" "),
                                    _c("vs-button", {
                                      staticClass: "mr-2",
                                      attrs: {
                                        color: "primary",
                                        icon: "turned_in_not"
                                      }
                                    }),
                                    _vm._v(" "),
                                    _c("vs-button", {
                                      attrs: {
                                        color: "rgb(230,230,230)",
                                        "color-text": "rgb(50,50,50)",
                                        icon: "settings"
                                      }
                                    })
                                  ],
                                  1
                                )
                              ],
                              1
                            )
                          ]
                        )
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.fixheightcards },
                    on: {
                      "update:active": function($event) {
                        _vm.fixheightcards = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n          <vs-row vs-justify="center">\n          <vs-col type="flex" vs-justify="center" vs-align="center" vs-w="6" vs-sm="12">\n          <vs-card class="cardx" fixedHeight>\n          <div slot="header">\n          <h4>\n          Hello world !\n          </h4>\n          </div>\n          <div slot="media">\n          <img src="assets/images/big/img3.jpg">\n          </div>\n          <div>\n          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>\n          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>\n          </div>\n          <div slot="footer">\n          <vs-row vs-justify="flex-end">\n          <vs-button class="mr-2" type="gradient" color="danger" icon="favorite"></vs-button>\n          <vs-button class="mr-2" color="primary" icon="turned_in_not"></vs-button>\n          <vs-button color="rgb(230,230,230)" color-text="rgb(50,50,50)" icon="settings"></vs-button>\n          </vs-row>\n          </div>\n          </vs-card>\n          </vs-col>\n          <vs-col type="flex" vs-justify="center" vs-align="center" vs-w="6" vs-sm="12">\n          <vs-card class="cardx" fixedHeight>\n          <div slot="header">\n          <h4>\n          Hello world !\n          </h4>\n          </div>\n          <div slot="media">\n          <img src="assets/images/big/img4.jpg">\n          </div>\n          <div>\n          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>\n          </div>\n          <div slot="footer">\n          <vs-row vs-justify="flex-end">\n          <vs-button class="mr-2" type="gradient" color="danger" icon="favorite"></vs-button>\n          <vs-button class="mr-2" color="primary" icon="turned_in_not"></vs-button>\n          <vs-button color="rgb(230,230,230)" color-text="rgb(50,50,50)" icon="settings"></vs-button>\n          </vs-row>\n          </div>\n          </vs-card>\n          </vs-col>\n          </vs-row>\n        '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v("\n        With Hover Cards\n        "),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.hovercards = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v(
                    "\n        You can add hover functionality with the property\n        "
                  ),
                  _c("code", [_vm._v("actionable")]),
                  _vm._v(".\n      ")
                ]),
                _vm._v(" "),
                _c(
                  "vs-row",
                  { attrs: { "vs-justify": "center" } },
                  [
                    _c(
                      "vs-col",
                      {
                        attrs: {
                          type: "flex",
                          "vs-justify": "center",
                          "vs-align": "center",
                          "vs-w": "6",
                          "vs-sm": "12"
                        }
                      },
                      [
                        _c(
                          "vs-card",
                          { staticClass: "cardx", attrs: { actionable: "" } },
                          [
                            _c(
                              "div",
                              { attrs: { slot: "header" }, slot: "header" },
                              [_c("h4", [_vm._v("Hello world !")])]
                            ),
                            _vm._v(" "),
                            _c(
                              "div",
                              { attrs: { slot: "media" }, slot: "media" },
                              [
                                _c("img", {
                                  attrs: { src: "assets/images/big/img1.jpg" }
                                })
                              ]
                            ),
                            _vm._v(" "),
                            _c("div", [
                              _c("span", [
                                _vm._v(
                                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
                                )
                              ])
                            ]),
                            _vm._v(" "),
                            _c(
                              "div",
                              { attrs: { slot: "footer" }, slot: "footer" },
                              [
                                _c(
                                  "vs-row",
                                  { attrs: { "vs-justify": "flex-end" } },
                                  [
                                    _c(
                                      "vs-button",
                                      {
                                        staticClass: "mr-2",
                                        attrs: {
                                          color: "primary",
                                          type: "gradient"
                                        }
                                      },
                                      [_vm._v("View")]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "vs-button",
                                      {
                                        attrs: {
                                          color: "danger",
                                          type: "gradient"
                                        }
                                      },
                                      [_vm._v("Delete")]
                                    )
                                  ],
                                  1
                                )
                              ],
                              1
                            )
                          ]
                        )
                      ],
                      1
                    ),
                    _vm._v(" "),
                    _c(
                      "vs-col",
                      {
                        attrs: {
                          type: "flex",
                          "vs-justify": "center",
                          "vs-align": "center",
                          "vs-w": "6",
                          "vs-sm": "12"
                        }
                      },
                      [
                        _c(
                          "vs-card",
                          { staticClass: "cardx", attrs: { actionable: "" } },
                          [
                            _c(
                              "div",
                              { attrs: { slot: "header" }, slot: "header" },
                              [_c("h4", [_vm._v("Hello world !")])]
                            ),
                            _vm._v(" "),
                            _c(
                              "div",
                              { attrs: { slot: "media" }, slot: "media" },
                              [
                                _c("img", {
                                  attrs: { src: "assets/images/big/img2.jpg" }
                                })
                              ]
                            ),
                            _vm._v(" "),
                            _c("div", [
                              _c("span", [
                                _vm._v(
                                  "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
                                )
                              ])
                            ]),
                            _vm._v(" "),
                            _c(
                              "div",
                              { attrs: { slot: "footer" }, slot: "footer" },
                              [
                                _c(
                                  "vs-row",
                                  { attrs: { "vs-justify": "flex-end" } },
                                  [
                                    _c(
                                      "vs-button",
                                      {
                                        staticClass: "mr-2",
                                        attrs: {
                                          color: "primary",
                                          type: "gradient"
                                        }
                                      },
                                      [_vm._v("View")]
                                    ),
                                    _vm._v(" "),
                                    _c(
                                      "vs-button",
                                      {
                                        attrs: {
                                          color: "danger",
                                          type: "gradient"
                                        }
                                      },
                                      [_vm._v("Delete")]
                                    )
                                  ],
                                  1
                                )
                              ],
                              1
                            )
                          ]
                        )
                      ],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.hovercards },
                    on: {
                      "update:active": function($event) {
                        _vm.hovercards = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n          <vs-row vs-justify="center">\n          <vs-col type="flex" vs-justify="center" vs-align="center" vs-w="6" vs-sm="12">\n          <vs-card actionable class="cardx">\n          <div slot="header">\n          <h4>\n          Hello world !\n          </h4>\n          </div>\n          <div slot="media">\n          <img src="assets/images/big/img1.jpg">\n          </div>\n          <div>\n          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>\n          </div>\n          <div slot="footer">\n          <vs-row vs-justify="flex-end">\n          <vs-button class="mr-2" color="primary" type="gradient" >View</vs-button>\n          <vs-button color="danger" type="gradient">Delete</vs-button>\n          </vs-row>\n          </div>\n          </vs-card>\n          </vs-col>\n          <vs-col type="flex" vs-justify="center" vs-align="center" vs-w="6" vs-sm="12">\n          <vs-card actionable class="cardx">\n          <div slot="header">\n          <h4>\n          Hello world !\n          </h4>\n          </div>\n          <div slot="media">\n          <img src="assets/images/big/img2.jpg">\n          </div>\n          <div>\n          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span>\n          </div>\n          <div slot="footer">\n          <vs-row vs-justify="flex-end">\n          <vs-button class="mr-2" color="primary" type="gradient" >View</vs-button>\n          <vs-button color="danger" type="gradient" >Delete</vs-button>\n          </vs-row>\n          </div>\n          </vs-card>\n          </vs-col>\n          </vs-row>\n        '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            )
          ],
          1
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ })
  
  }]);