Custom component property references

Elements Component Development
1

@ben The documentation for Properties defaults shows the following example:

 }, {
            "title": "Alignment",
            "id": "alignment",
            "segmented": {
                "default": {
                    "base": "w-auto",
                    "md": "w-full"
                },
                "items": [
                    { "value": "w-full", "icon": "text.alignleft" },
                    { "value": "w-asdf", "icon": "text.alignleft" },
                    { "value": "w-auto", "icon": "text.aligncenter" },
                    { "value": "custom", "icon": "text.alignright", "title": "Custom" }
                ]
            }
        }

What is the correct way of referencing the set value for substitution into a template? I’ve tried {{alignment}}, {{alignment.value}}, {{alignment.segmented.items.value}} and other combos and it always generates “w-auto” and “md:” followed by the item value I actually want. What am I doing wrong?

2

Ok, I think I understand now… But when when I remove the “default” section I still get the default class w-auto and md:w-full if I select left aligned for instance. Is this expected even though the defaults are not explicit?