{"id":286,"date":"2019-10-04T05:49:25","date_gmt":"2019-10-04T05:49:25","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/reactify\/?page_id=286"},"modified":"2019-10-10T08:21:16","modified_gmt":"2019-10-10T08:21:16","slug":"list","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/reactify\/list\/","title":{"rendered":"List"},"content":{"rendered":"\n

You can add the component on any page in the template. You need to follow the steps given below: <\/p>\n\n\n\n

Step 1:<\/strong> Please add the code given below in the page where you want to add the component.<\/p>\n\n\n\n

<List className=\"p-0\">
    <ListItem button>
        <ListItemIcon><i className=\"zmdi zmdi-inbox zmdi-hc-lg\"><\/i><\/ListItemIcon>
        <ListItemText primary=\"Inbox (2)\" \/>
    <\/ListItem>
    <ListItem button>
        <ListItemIcon><i className=\"zmdi zmdi-folder-star-alt zmdi-hc-lg\"><\/i><\/ListItemIcon>
        <ListItemText primary=\"Drafts\" \/>
    <\/ListItem>
    <ListItem button>
        <ListItemIcon><i className=\"zmdi zmdi-mail-send zmdi-hc-lg\"><\/i><\/ListItemIcon>
        <ListItemText primary=\"Send\" \/>
    <\/ListItem>
<\/List><\/pre>\n\n\n\n
Step 2:<\/strong> Now Import the component from its parent library.<\/p>\n\n\n\n
import List from '@material-ui\/core\/List';
import ListItem from '@material-ui\/core\/ListItem';
import ListItemIcon from '@material-ui\/core\/ListItemIcon';
import ListItemText from '@material-ui\/core\/ListItemText';<\/pre>\n\n\n\n
We have given you an example of adding a simple list on the Ecommerce Dashboard.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
You can check some other layouts of list below. For adding any of the below layout in the template, please check their relative code in the src->routes->components->list->component<\/code> folder.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n    1    <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
You can add the component on any page in the template. You need to follow the steps given below: Step 1: Please add the code given below in the page where you want to add the component. <List className=”p-0″> <ListItem button> <ListItemIcon><i className=”zmdi zmdi-inbox zmdi-hc-lg”><\/i><\/ListItemIcon> <ListItemText primary=”Inbox (2)” \/> <\/ListItem> <ListItem button> <ListItemIcon><i className=”zmdi zmdi-folder-star-alt […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/286"}],"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=286"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":524,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/286\/revisions\/524"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}