Getting started
Create an app from scratch
Add a component using a template
2min
We have used the default template to add a profile to the project in the previous step. Let's go ahead and add a component template. Component templates allow you to quickly build up your solution by inserting the required component into the file.
In our solution, we have a new customer form, when we signup the new customer we want them to sign the form. Let's use the signature component template to do this.
Signature component template
- In Explorer in the jigs folder, right-click on the new-customer.jigx file.
- Components are normally added under a children node in the YAML. Under the last component.email-field section just above the actions node place your cursor in the correct node position in the YAML editor and press the ctrl+space keys. The component IntelliSense popup displays listing the available components.
![Component template Component template](https://images.archbee.com/x7vdIDH6-ScTprfmi2XXX/XWnhFE68Dms4AtWbvYEaB_templatesign.png?format=webp)
Component template
3. Scroll to the bottom and select Use template. The template gallery opens providing the templates for various components. Use the Search and category fields to find the signature template or browse the gallery by scrolling through the options.
![Template gallery Template gallery](https://images.archbee.com/x7vdIDH6-ScTprfmi2XXX/XQR2OY2wYrJeYWlM6_Jip_templateselect.png?format=webp)
Template gallery
4. Hover over the Form signature field template and click the blue insert button.
![Insert template Insert template](https://images.archbee.com/x7vdIDH6-ScTprfmi2XXX/25VZeS6vbUmIyU1InExjW_templateinsert.png?format=webp)
Insert template
![Inserted YAML Inserted YAML](https://images.archbee.com/x7vdIDH6-ScTprfmi2XXX/56Mnfm1qw3DQ83nuTWkPb_templatecode.png?format=webp)
Inserted YAML
Updated 01 Nov 2023
![Doc contributor](https://s3.amazonaws.com/archbee-animals/rabbit.png)
Did this page help you?