How to make parameters for headlines to work with my component?

Hi,

I’m trying to make a headline component with parameters to make it possible to Change:

  • The headline text
  • The H-tag (e.g h1, h2, h3 etc.)
  • The font size

What am I missing in my code below? The only thing that works is the change of the Headline Text, not the tag or the font size changes.

{
“headlineText”: {
“label”: “Headline Text”,
“type”: “text”,
“initial”: “Headline”
},
“headlineTag”: {
“label”: “Headline HTML Tag”,
“type”: “select”,
“initial”: “h2”,
“options”: [
{ “value”: “h1”, “label”: “H1” },
{ “value”: “h2”, “label”: “H2” },
{ “value”: “h3”, “label”: “H3” },
{ “value”: “h4”, “label”: “H4” },
{ “value”: “h5”, “label”: “H5” },
{ “value”: “h6”, “label”: “H6” }
]
},
“headlineFontSize”: {
“label”: “Font Size”,
“type”: “font-size”,
“initial”: “3.15em”
}
}

Best Regards
Bengt