Using components in the Frontastic studio

You can use Components to add new Frontastic componentsFrontastic components - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. and access those that have already been added to your project.

Click Components on the dashboard to open the components area.

Once open, you'll find a list of all the available Frontastic componentsFrontastic components - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code.. You can use the search field to find a specific Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code., or you can scroll through the list.

If you click on a Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code., you'll open a panel on the right of your screen where you can find information about that particular Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code.. For example, which environments it's available in, its name, icon, and category, as well as the pages that the Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. is used on. You can also download the Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code. schema to see what's in that schema.

To add a new Frontastic componentFrontastic component - A customizable building block that's used together with other components to create a commerce site. Known as `tastic` for short in code., you can drag the schema.json file into your browser, or you can click the blue add icon in the bottom right of the screen and select your file in the finder:

See the creating a Frontastic component article for more information.


Did this page help you?