I am developing one project using strapi.
I have created one dynamic component with the following structure.

I have added this component in one of my collections called "Markup" which is single-type collection.
When I add some data in markup collection like this:

Here, instead of id of component I want to display range.
for example,
In the above screenshot, strapi is displaying "1" in component header. I want to replace it with something like this: ${min}-${max}.
so, instead of "1" it should display "5-9.9" and instead of "2" it should display "10-24.99"
How can I change this?
