Components Guide
chevron down

Components Guide

In addition to the standard SVG elements provided, there are a number of predefined components to simplify the development process, and to allow developers to create rich user interfaces.

These components work in a similar way to Template Symbols, but in addition to referencing the symbol with a <use>, they must first be imported within the widgets.gui file.

It is important to note that due to the architecture of the components import system, multiple .gui files may need to be imported to enable the use of a specific component. The documentation below will specify which .gui files to import for each component. If two components require the same imports, you don't need to import same the .gui file twice.


Different button types which will help you create interactions with the user.


These components provide advanced text layouts with minimal effort.


Different view types means different possibilities: which one will you use?


Any other components that don't fit in the previous categories.