To get started, select the Using Spark tab at the top of this page. This is where you’ll find all the HTML you’ll need for the component variants and configurations you can use.
Underneath the Components section in the left column, find the component you want to add.
For example: Let’s say you’re trying to add a Loading Button. You’d select the Button component.
Click the HTML link to view the HTML documentation.
Navigate to the Docs tab at the top of the screen.
Scroll down until you see the component variant you would like to include in your site.
Click Show code.
Copy the sample code into
For example: If you’re adding a Loading Button, you’d scroll down on the Button page to find Loading Button. Then you’d copy the Loading Button code that looks like this:
<button class="sprk-c-Button" data-sprk-spinner="click">Submit</button>
Note: Make sure you’re including
main.jsafter the HTML elements in
<script>line should be at the bottom of the
For example: If you’ve added a Loading Button you’ll see something like this…
You’re ready to start building with Spark!