How to let users add CSS styling to code components?

Plasmic Studio Questions
1

hi We have seen it before, but we cannot find the documentation on how to let Studio users add CSS styling to code components. Specifically, we want to add HTML Tags (H1, H2, etc) to our custom code components

image.png
image.png381×534 23.4 KB

2

Hi @scientific_porpoise, you can add slot props to code components, which will let your users insert any tags they want within the slot.

Besides that, you can also expose add a className prop to your component, which will let Plasmic Studio accept and pass any styles directly into the component.

Let me know if that helps.

3

Thanks @yang We are already using className and it works with detailed CSS styling. We will try using slot props on the component

4

Hi @yang , sorry for necro posting.
Could you please explain hot to expose the className?
We want to add custom css styles and replace the current ones to our buttons, input text fields, sliders, etc.
Thanks,