Managing Details with Precision

This document provides a detailed process for managing details in a user interface, including customizing elements, editing specifics, and configuring layouts to achieve the desired presentation.

Step 1

Begin by navigating to the Details element. Within the content tab, you have the option to select the label type. You can also reorder the details as needed.

Step 2

Individually edit each detail by changing the label, modifying the value using variables or free text, and setting both the link type and link value. Additionally, you have the capability to delete existing details and add new ones. The design type automatically adjusts to the label type you have selected in the content tab.

Step 3

If the icon label is selected, the icon style will be displayed. Conversely, selecting a text label will show label typography options. Furthermore, you can modify the typography of the details' values.

Step 4

In the layout section, there is a unique controller available. You can determine the arrangement of the details by choosing the direction either vertically or horizontally. You can also adjust the space between lines to suit your layout needs.

Step 5

Opting for horizontal details provides the option to select a separator for clearer presentation.