{"id":281,"date":"2019-09-02T08:28:11","date_gmt":"2019-09-02T08:28:11","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=281"},"modified":"2019-09-24T07:20:21","modified_gmt":"2019-09-24T07:20:21","slug":"buttons","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"\n<p>The <code>v-btn<\/code> component replaces the standard html button with a material design theme and a multitude of options. Any color helper class can be used to alter the background or text color.<\/p>\n\n\n\n<p><code>v-button<\/code> is an HTML button or a tag enhanced with styling and for <code>color=\"primary\"<\/code> Applies specified color to the control.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;v-btn class=\"ma-2\" >Normal&lt;\/v-btn><br>&lt;v-btn class=\"ma-2\" color=\"primary\">Primary&lt;\/v-btn><br>&lt;v-btn class=\"ma-2\" color=\"accent\">Accent&lt;\/v-btn><br>&lt;v-btn class=\"ma-2\" color=\"secondary\">Secondary&lt;\/v-btn><br>&lt;v-btn class=\"ma-2\" color=\"warning\">Warning&lt;\/v-btn><br>&lt;v-btn class=\"ma-2\" color=\"error\">Error&lt;\/v-btn><br>&lt;v-btn class=\"ma-2\" color=\"info\">Info&lt;\/v-btn><br>&lt;v-btn class=\"ma-2\" color=\"success\">Success&lt;\/v-btn><br>&lt;v-btn class=\"ma-2\" disabled>Disabled&lt;\/v-btn> <\/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=\"281\" 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\">2    <\/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=\"281\" 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-btn component replaces the standard html button with a material design theme and a multitude of options. Any color helper class can be used to alter the background or text color. v-button is an HTML button or a tag enhanced with styling and for color=&#8221;primary&#8221; Applies specified color to the control. &lt;v-btn class=&#8221;ma-2&#8243; >Normal&lt;\/v-btn>&lt;v-btn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/281"}],"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=281"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/281\/revisions"}],"predecessor-version":[{"id":617,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/281\/revisions\/617"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}