HTML

Using HTML

All of the components in SportyBlocks are provided in two formats: React, and vanilla HTML.

The plain HTML examples are intended for users who prefer to integrate with frameworks other than React.

All HTML components are static. They represent only markup and styling. If you want to add real data then you need to fetch it from your backend or use a static site generator like Gatsby or Next.js.

How to start

To work with HTML components you need to have a basic understanding of HTML and CSS. If you are new to HTML, we recommend you to read the MDN Web Docs.

To start using the components, you need to copy the HTML code from the component's page and paste it into your project. You can find the HTML code in the HTML tab on the component's page.

How to use

To use the components in your project, you need to:

  1. Copy the HTML code from the component's page.
  2. Paste the code into your project.
  3. (Optional) Add the necessary CSS classes to the component's HTML elements.