All presets are located in the left panel in the “Presets” tab.

Switch

‍

‍

The Switch preset is needed so that elements in your application can be turned on or turned off.

‍

Add a preset to your app's page. The preset has an external frame which has a text and the Switcher itself.

‍

If necessary, you can pull the Switch layer out of the Wrap Cell frame and place it in the preferred area of the screen.

‍

Change the text and place the preset in the preferred area of the screen.

‍

In the right panel, in the settings of the Switch preset, you can choose the color of the active state of the Switcher. To do this, select the Switch layer.

‍

Radio button

‍

‍

Radio button selection element. Use it when the user of your application needs to choose only 1 option from all offered.

‍

Add a preset to your app's page. The preset has an external frame that has a text and the Radio button itself.

‍

If necessary, you can pull out the Radio button layer from the Wrap Cell frame and place it in the preferred area of the screen.

‍

Change the text and place the preset  in the preferred area of the screen.

‍

In the right panel, in the settings of the Radio button preset, you can choose the color of the active and inactive states of the button. To do this, select the Radio Button layer..

‍

Slider

‍

‍

Add a Slider preset and place it in the preferred area of the screen.

‍

In the right panel you will find the preset settings.

‍

‍

1. Text color
2. Color of the unmanaged line
3. Color of the controlled line
4. Minimum slider value
5. Maximum slider value
6. Text size
7. Text visibility

‍

Stepper

‍

‍

Add the Stepper preset and place it in the preferred area of the screen.

‍

In the right panel you will find the preset settings

‍

‍

1. Text color
2. Color of the right button
3. Color of the left button
4. Icon color [ - ] and [ + ]
5. Stepper step

‍