Getting Started
Building your first Component
Last updated
Was this helpful?
Building your first Component
Last updated
Was this helpful?
In this getting started guide we'll learn how to create a Component inside an Element DevPack, and then edit it and see the updates live in Elements.
A public repository on GitHub with a growing collection of Element Dev Packs is now available.
The boilerplate code for an Element Dev Pack (and Component) can be created inside Elements.
Go to Elements > Settings > Addons and click the "Create Pack" button in the bottom left had corner of the window. You will then be prompted to enter information about your pack, such as developer name and title, along with a location to save the Dev Pack.
Watcht the short video below to see how to create an Element Dev Pack including a Component.
The following video will show you how to edit your newely created component with your favourite text editor. In this video we use Nova from Panic but it will work exactly the same with VS Code, BBEdit, or any other text editor.
The following video shows how you can add extra files for use in your Component. This videos shows adding a js file and linking to it from the page template.
You can also add shared files that can be used by all the components in a pack. This videos focuses on page level Assets.