Data only

You can forego the Component IO script and rendering framework entirely and use the Component IO dashboard as a data source instead. To do so, send a GET request with the appropriate parameters to the /data endpoint.

There are 2 types of requests:

All requests should be made to the endpoint via https.

Single component request

Request data for a single component from your project.

For component key=errba in project="cio-library"

GET https://api.component.io/v0/data/cio-library/component/errba

{
"key": "errba",
"project": "cio-library",
"data": {
"content": "<h2>Lorem ipsum dolor sit amet</h2>\n<p>Consectetur adipiscing elit. Duis accumsan elementum vehicula. Praesent semper libero eu sapien imperdiet, quis sollicitudin erat maximus. Mauris semper consequat bibendum. Vestibulum eget vehicula justo. Vivamus id urna at libero tincidunt varius et sed ante. Sed tincidunt odio non urna ultricies lacinia. Nullam consequat leo eu diam maximus rutrum ac a sapien. Integer eget enim id tortor suscipit faucibus vel at urna. Sed luctus eget diam in facilisis...</p>"
}
}

Multiple component request

Request data for one or more components from your project.

GET https://api.component.io/v0/data/cio-library/components/errba,elarm

[
{
"key": "errba",
"project": "cio-library",
"data": {
"content": "<h2>Lorem ipsum dolor sit amet</h2>\n<p>Consectetur adipiscing elit. Duis accumsan elementum vehicula. Praesent semper libero eu sapien imperdiet, quis sollicitudin erat maximus. Mauris semper consequat bibendum. Vestibulum eget vehicula justo. Vivamus id urna at libero tincidunt varius et sed ante. Sed tincidunt odio non urna ultricies lacinia. Nullam consequat leo eu diam maximus rutrum ac a sapien. Integer eget enim id tortor suscipit faucibus vel at urna. Sed luctus eget diam in facilisis...</p>"
}
},
{
"key": "elarm",
"project": "cio-library",
"data": {
"image": "https://res.cloudinary.com/component/image/upload/v1493739852/c0y1myh38wdbxunuyeef.png"
}
}
]