@pantheon-systems/pcc-browser-sdk
v3.10.0-beta.2
Published
Pantheon Content Cloud Browser SDK
Downloads
88
Keywords
Readme
Browser
Requirements
- A published Pantheon Content Cloud article
- A Pantheon Content Cloud Token. Obtain one from the PCC CLI.
Usage
- 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.
Options
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 |