How do I add my own custom UI component? | Aquro Help Center
To create a new component, which can then be used in your app's pages, follow these steps:
- Make sure you are in the Aquro App Studio and have navigated to the Development pane.
- Expand the Components node in the tree view at the left.
- Right click on the Custom node in the tree view at the left.
- Click on Add component.
- Enter the name of the new component, eg. MyComponent.
- Click on OK.
Let's say you want to create a component similar to the built-in UI.button component we provide in the Aquro App Studio, but want to tweak or add to it. For something like this, it's more time efficient to simply clone the component type and then modify your cloned component to your liking, rather than starting from scratch:
- In the Aquro App Studio's Development Pane, expand the "Components" folder.
- Expand the "Built-in" folder.
- Find the component type you want to clone, then right click it and select "Clone Component".
- Give your new component a name and click "Save"
- Your new component will now be available in your Components > Custom folder under the name you've chosen.
Read more about how to build your component here.