💠Components

What are components?

Any component that is in specific framework version should be available in components list (with some exceptions for components that require advanced configuration will not be in this list).

Components can be placed in any screen via drag & drop functionality.

Components can also be reordered in screen and configuration can be tuned by clicking on component.

There are components that are required for doing specific functionality:

  • Form is a component that contains two areas where other components can be placed and is required for handling data. If your page doesn't have any fields on screen, form is not needed;

  • Next Button is a button that will submit data that is filled by user in current page. If all validation rules pass user will be navigated to next page;

  • Price Tag is a component that automatically displays price that is calculated by pricing logic whenever sufficient amount of data is filled in by user. Price will update whenever data is changed;

  • Error List should be included in pages that require showing list of errors when some field validation fails (e.g. field is required, but not filled);

  • Grid is layout system that divides a page or screen into a series of columns and rows. Can be used to place different components side by side in columns instead of rows (e.g. placing "back" and "next" buttons next to each other);

  • Accordion allows the user to show or hide content. It typically consists of a series of Accordion Panel's, each with a heading that can be clicked to expand or collapse the associated content. Often used to organize and present large amounts of information in a way that is easy to navigate and user-friendly.

Visibility conditions

Similarly to Next page logic it is possible to show/hide some content on the screen based on values that user has entered.

For example: Whenever user checks that they own a house, markdown component on this screen would appear, otherwise it would be hidden.

This visibility condition can be added to any type of component, even component that contains different components like Container, Grid, Form etc.

Component library

There's a separate documentation page that lists all of our components with detailed descriptions and live examples to get the gist of how it will look and feel.

Last updated