Link styling UI controls in custom component

[happynut (John)]

Hi

I am trying to create a group of ‘link styling’ controls in a custom component, something like the links group that comes with the built in text component.

I can do basic controls (for example using the themecolor picker to style one ‘state’) but linking the the current value of a segmented element like state to individual colour pickers or font weight sliders and then passing those values to the template html is making my old brain ache

Does anyone have an example of properties.json config for this kind of set-up. Just something to point me in the right direction.

[dan (Dan C.)]

Not 100% what you need… so, before I run off and build an example, I thought I should check!

Is that what you’re trying to do?

[happynut (John)]

Yes, that is exactly what I have in mind

Thank you for making sense of my rambling, rereading it made me shudder

[ben]

Hey @happynut

Here’s an example project with the controls setup in the “Properties” custom component — hope this is what you were after

elementsapp://downloadDocument/rQLwiCEU3yU4

[happynut (John)]

Apologies for not replying sooner.

Yup! This is great. Cheers!