{"id":300,"date":"2019-09-02T08:45:16","date_gmt":"2019-09-02T08:45:16","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=300"},"modified":"2019-09-24T07:24:19","modified_gmt":"2019-09-24T07:24:19","slug":"chips","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/chips\/","title":{"rendered":"Chips"},"content":{"rendered":"\n<p> The <code>v-chip<\/code> component is used to convey small pieces of information. Using the <code>close<\/code> property, the chip becomes interactive, allowing user interaction.This component is used by the <a rel=\"noreferrer noopener\" href=\"https:\/\/vuetifyjs.com\/components\/chip-groups\" target=\"_blank\">v-chip-group<\/a> for advanced selection options. <\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"> <br>&lt;v-chip>Default&lt;\/v-chip><br>&lt;v-chip close>Close&lt;\/v-chip><br>&lt;v-chip outlined>Outlined&lt;\/v-chip><br>&lt;v-chip v-model=\"value\" filter>Filter&lt;\/v-chip><br>&lt;v-chip pill><br>  &lt;v-avatar left color=\"red\">P&lt;\/v-avatar>Pill<br>&lt;\/v-chip><br>&lt;v-chip><br>  &lt;v-icon left color=\"red\">mdi-account&lt;\/v-icon> Icon<br> &lt;\/v-chip> <\/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=\"300\" 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\">    <\/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=\"300\" 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-chip component is used to convey small pieces of information. Using the close property, the chip becomes interactive, allowing user interaction.This component is used by the v-chip-group for advanced selection options. &lt;v-chip>Default&lt;\/v-chip>&lt;v-chip close>Close&lt;\/v-chip>&lt;v-chip outlined>Outlined&lt;\/v-chip>&lt;v-chip v-model=&#8221;value&#8221; filter>Filter&lt;\/v-chip>&lt;v-chip pill> &lt;v-avatar left color=&#8221;red&#8221;>P&lt;\/v-avatar>Pill&lt;\/v-chip>&lt;v-chip> &lt;v-icon left color=&#8221;red&#8221;>mdi-account&lt;\/v-icon> Icon &lt;\/v-chip><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/300"}],"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=300"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/300\/revisions"}],"predecessor-version":[{"id":621,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/300\/revisions\/621"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}