{"id":208,"date":"2019-10-08T12:28:59","date_gmt":"2019-10-08T12:28:59","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/embryo\/?page_id=208"},"modified":"2019-11-20T03:24:38","modified_gmt":"2019-11-20T03:24:38","slug":"custom-component","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/embryo\/custom-component\/","title":{"rendered":"Custom Component"},"content":{"rendered":"\n<h5 id=\"you-can-create-your-own-widget-by-following-way\">You can create your own component by following way.<a href=\"#you-can-create-your-own-widget-by-following-way\"><\/a><\/h5>\n\n\n\n<p>1.Create a component then declare and export component in module file like this :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">components:{<br>    shippingAddress:ShippingAddress,<br>    promoCodes:PromoCodes,<br>    paymentOption:PaymentOption<br>}<\/pre>\n\n\n\n<p>2. Use the selector of custom component in another component like this :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;shipping-address>&lt;\/shipping-address><br>&lt;promo-codes>&lt;\/promo-codes><br>&lt;payment-option>&lt;\/payment-option><\/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=\"208\" 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=\"208\" 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>You can create your own component by following way. 1.Create a component then declare and export component in module file like this : components:{ shippingAddress:ShippingAddress, promoCodes:PromoCodes, paymentOption:PaymentOption} 2. Use the selector of custom component in another component like this : &lt;shipping-address>&lt;\/shipping-address>&lt;promo-codes>&lt;\/promo-codes>&lt;payment-option>&lt;\/payment-option><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":23,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/208"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/comments?post=208"}],"version-history":[{"count":3,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/208\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/pages\/208\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/embryo\/wp-json\/wp\/v2\/media?parent=208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}