Root components

Root components are used to group different types of components, each having a different purpose:

• Form Group - used to group and configure the layout for multiple form elements
• Container - used to group and configure the layout for multiple components of any type
• Custom - these are Angular components developed in the container application and passed to the SDK at runtime, identified here by the component name
• Card - acts like a Container component; it also has the option to become an accordion

The root component can hold a hierarchical component structure as follows:

Available children for Form Group and Container are:

1. Container - used to group and align its children
2. Form - used to group and align form field elements (inputs, radios, checkboxes, etc)
3. Image - allows you to configure an image in the document
4. Text - a simple text can be configured via this component, a basic configuration is available (check here for more details)
5. Hint - multiple types of hints can be configured via this component (check here for more details)
6. Link - used to configure a hyperlink that opens in a new tab
7. Button - Multiple options are available for configuration, the most important part being the possibility to add actions
8. File Upload - A specific type of button that allows you to select a file
9. Custom - custom components

For more information about the available children for Form Group, check the following section:

»Form elements