Using components in the Frontastic studio

Within the Frontastic studio, you'll find the Components section. This is where you can find all the Frontastic component that have already been added to the Frontastic studio and where you can create new ones.

To find an already existing Frontastic component, click Components on your dashboard. Here, you'll find a list of all the available Frontastic component. You can use the search field to find a specific Frontastic component, or you can scroll through the list.

If you click on a Frontastic component, you'll open a panel on the right of your screen where you can find all the information about that particular Frontastic component. For example, which environments it's available in, its name, icon, and category, as well as the pages that the Frontastic component has been used on.



Click on the name of the page in the component usage section to go directly to that page.

Click the Edit schema button to open the schema editor. See the using the schema editor article for more information.

Click the Download component schema button to download the Frontastic component schema.

To add a Frontastic component, you can either drag a schema.json file into your browser, or click the Create schema button in the top right of your screen:

See the using the schema editor, the creating a Frontastic component, or the creating a Frontastic component in the Frontastic studio articles for more information.