[Feature Request]: Condition builder: Allow component in properties label

[rahulrkr08]

The problem

Currently, condition builder properties labels allow only string. This request is to enable components in the properties label.

The solution

Expected:

<ConditionBuilder
   ...
   inputConfig={{
    properties: [{
      ...,
      label: (
        <>
          <Tag>System</Tag>
          <span>Name</span>
        </>
    }],
  }}
/>

Design link

No response

Links to other materials

No response

Owner/main maintainer(s)

na

Second/backup maintainer(s)

No response

Product/offering

No response

Business priority

Low Priority = release date is not dependent on fix or not upcoming

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I checked the current issues for duplicate issues

[oliviaflory]

Hi @rahulrkr08 thanks for the feature request!

Could you provide any more detail about where you'd like the tag to be placed and what it's intention would be in the condition builder?

---

1. Would a tag appear within the Properties dropdown menu? (see pink arrow)

2. Would there be only one tag or multiple tags allowed?

3. If there are multiple tags, are there multiple tags on a single item? Or is it a single tag per item and the tags could say different things?

4. Would the tag appear in the string once the Property is selected? ie after Color

[rahulrkr08]

Hi @oliviaflory, Appreciate your effort in reviewing this feature request.

The idea behind this request is to show grouped properties. For example, some applications may have system-generated properties and user-created properties.

• Properties grouped: Two properties under search and one property under create.

  

• Properties with tags: This will help show the property belongs to which group.

  

• properties grouped with expand / collapsible

  

Also, I would like to extend this request to have a description of the property like the below screenshot. This will help to show fields or attributes with their unique key (see 2nd screenshot).

• Property with description

  

• Property with key

  

Hope the above description might give you more idea about this request.