Global Parameter Value as an Initial Value in a Component Parameter

[100leiden]

I’m currently working on a project where I need to set a global parameter value as the initial value for a component parameter. I’m wondering if anyone here has experience with this and could provide some guidance?

Specifically, I have a global parameter called typography.headingOne.color.base and typography.headingOne.color.alt. I want to use this value as the initial value for a parameter in a specific component. However, I’m unsure of the best approach to achieve this.

"design" : {
    "label"  : "Design",
    "type"   : "group",
    "params" : {
        "colors" : {
            "label"   : "Color",
            "type"    : "color-pair",
            "initial" : {
                "base" : "{{dc:p:typography.headingOne.color.base}}",
                "alt"  : "{{dc:p:typography.headingOne.color.alt}}"
            }
        }
    }

Has anyone encountered a similar situation before? How did you handle it?

Any insights or suggestions would be greatly appreciated. Thank you in advance for your time and assistance!

[ruenel]

Hello @100leiden,

Thanks for writing in! If the Heading One is your global parameter and the Design is the specific parameter, then you are on the right track. Please test it out and share the URL of the page to us.

You may need to check out this video:

• https://www.youtube.com/watch?v=Ke8AdlYaY7Y

Best Regards.