Skip to main content
Components are indeed the fundamental elements of a base theme.

​
Role of Theme Components in Base Theme

They serve as the building blocks for creating sections and pages within the theme. The base theme typically includes default components such as image fields, text fields, forms, and carousels, which can be used out-of-the-box to construct different sections or pages.

​
Types of Theme Components

  1. Default Components
  2. Custom Components
By leveraging the default components, you can easily assemble and customize the content of your base theme. However, if the provided components don’t meet your specific requirements, you also have the flexibility to create custom components and seamlessly integrate them into the base theme. With base theme, you’ll get following set of default components.
NamePurpose
CommonCollection of common components such as button, modal, form controls, etc.
CMS LibraryCollection of CMS components that you can drag-n-drop from Visual Builder panel such as accordion, carousel, banner, etc.
eCommerceCollection of eCommerce components such as cart, checkout, product details, etc.
You are going to see the index.ts file in each of the component folders. We use index.ts as an entry point to export something.
In addition to these components, you will also find header and footer components. You can view the complete list of available components in the src/components/index.ts file. You are not limited to the set of components provided by the base theme. You can easily create custom component to fulfill your specific requirements, and also register these components as draggable within the Panel. Custom components enable you to extend the functionality and appearance of the base theme, allowing you to tailor it to your specific needs. These custom components can be designed and developed to complement the existing default components, offering enhanced flexibility and versatility for creating unique sections and pages within the base theme. Let’s take a look at common components and see what is provided by the base them for you to utilize.