{"id":247,"date":"2019-10-04T05:40:14","date_gmt":"2019-10-04T05:40:14","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/reactify\/?page_id=247"},"modified":"2019-10-10T08:51:27","modified_gmt":"2019-10-10T08:51:27","slug":"ui-components","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/reactify\/ui-components\/","title":{"rendered":"UI Components"},"content":{"rendered":"\n<p>If you want to check the demo of default components then please visit the official site:<\/p>\n\n\n\n<div class=\"custom-sec-wrap mb-4\">\n\t<a href=\"https:\/\/material-ui.com\/demos\/app-bar\/\" class=\"link-wrap\">\n\t\t<div class=\"content-wrap\">\n\t\t\t<h6>App Bar React component &#8211; Material-UI<\/h6>\n\t\t\t<p style=\"font-weight:400;\">The App Bar displays information and actions relating to the current screen.<\/p>\n\t\t\t<small>material-ui.com<\/small>\n\t\t<\/div>\n\t\t<div style=\"background-image:url('https:\/\/material-ui.com\/static\/brand.png');\" class=\"ironthm-img-item\"><\/div>\n\t<\/a>\n<\/div>\n\n\n\n<div class=\"custom-sec-wrap mb-4\">\n\t<a href=\"https:\/\/reactstrap.github.io\/components\/alerts\/\" class=\"link-wrap\">\n\t\t<div class=\"content-wrap\">\n\t\t\t<h6>reactstrap &#8211; Alerts<\/h6>\n\t\t\t<p style=\"font-weight:400;\">reactstrap &#8211; easy to use React Bootstrap 4 components compatible with React 16+.<\/p>\n\t\t\t<small>reactstrap.github.io<\/small>\n\t\t<\/div>\n\t<\/a>\n<\/div>\n\n\n\n<p>If you want to check the components that are used in the template(modified as per requirement) then please check the following articles.<\/p>\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=\"247\" 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\">1    <\/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=\"247\" 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>If you want to check the demo of default components then please visit the official site: App Bar React component &#8211; Material-UI The App Bar displays information and actions relating to the current screen. material-ui.com reactstrap &#8211; Alerts reactstrap &#8211; easy to use React Bootstrap 4 components compatible with React 16+. reactstrap.github.io If you want [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/247"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":10,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":657,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/247\/revisions\/657"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/media?parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}