{"id":284,"date":"2019-09-02T08:29:16","date_gmt":"2019-09-02T08:29:16","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=284"},"modified":"2019-09-24T07:21:13","modified_gmt":"2019-09-24T07:21:13","slug":"cards","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/cards\/","title":{"rendered":"Cards"},"content":{"rendered":"\n<p>The <code>v-card<\/code> component is a versatile component that can be used for anything from a panel to a static image. The <strong>card<\/strong> component has numerous helper components to make markup as easy as possible. Components that have no listed options use Vue&#8217;s functional component option for faster rendering and serve as markup sugar to make building easier.<\/p>\n\n\n\n<p>Vuely App provide multiple type of Cards and each one has a unique design.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"> <br>&lt;v-card><br>  &lt;v-img src=\"\/static\/doc-images\/cards\/desert.jpg\" height=\"200px\"><br>  &lt;\/v-img><br>  &lt;v-card-title primary-title><br>    &lt;div><br>      &lt;h3 class=\"headline mb-0\">Kangaroo Valley Safari&lt;\/h3><br>      &lt;div>Located two hours south of Sydney in the &lt;br>Southern Highlands of New South Wales, ...&lt;\/div><br>    &lt;\/div><br>  &lt;\/v-card-title><br>  &lt;v-card-actions><br>    &lt;v-btn flat color=\"orange\">Share&lt;\/v-btn><br>    &lt;v-btn flat color=\"orange\">Explore&lt;\/v-btn><br>  &lt;\/v-card-actions><br>&lt;\/v-card> <\/pre>\n<div class=\"pld-like-dislike-wrap pld-template-1\">\n    <div class=\"pld-like-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-like-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"284\" data-trigger-type=\"like\" data-restriction=\"cookie\" data-ip-check=\"0\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-up\"><\/i>\n                    <\/a>\n    <span class=\"pld-like-count-wrap pld-count-wrap\">3    <\/span>\n<\/div><div class=\"pld-dislike-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-dislike-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"284\" data-trigger-type=\"dislike\" data-ip-check=\"0\" data-restriction=\"cookie\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-down\"><\/i>\n                    <\/a>\n    <span class=\"pld-dislike-count-wrap pld-count-wrap\"><\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>The v-card component is a versatile component that can be used for anything from a panel to a static image. The card component has numerous helper components to make markup as easy as possible. Components that have no listed options use Vue&#8217;s functional component option for faster rendering and serve as markup sugar to make [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":17,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/284"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/comments?post=284"}],"version-history":[{"count":3,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/284\/revisions"}],"predecessor-version":[{"id":618,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/284\/revisions\/618"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}