A simple and easy to use browser client for the Pantheon Content Cloud API
- A published Pantheon Content Cloud article
- A Pantheon Content Cloud Token. Obtain one from the PCC CLI.
- Add the script tags that load the SDK to your HTML file:
<-- Add this to the <head> of your HTML file or right before the closing </body> tag -->
<script
src="https://unpkg.com/@pantheon-systems/pcc-browser-sdk@latest/dist/index.js"
data-site-id="<your PCC Site ID>"
data-token="<your PCC Token>"
></script>- Add the
pcc-articlecustom element to your HTML file. Place it where you want the article to be rendered.
<pcc-article id="<id of your article>">
<!-- Add a fallback message here for when the article is loading... -->
Loading...
</pcc-article>That's it! You should now see yur article rendered in your browser.
The pcc-article custom element accepts the following attributes:
| Attribute | Type | Required | Description |
|---|---|---|---|
| id | String | Yes | The ID of the article you want to render |
| slug | String | Yes if id is not provided | The slug of the article you want to render |
| disable-styles | Boolean | No | Disable rendering default styles for the article |