How to apply CSS rules to elements after defining in CSS Embed?

Plasmic Studio Questions
1

How can we apply the css rule to the element in the studio after defining it in the embed css ?

2

Hi @large_leopard, add the class name in the HTML attributes section

3

:pray:

4

How do I define HTML attributes in registered components?
I only see HTML attributes in native components

5

You need to register them as props. Example:

function MyNiceLink({ href, children }) {
  return <a href={href}>{children}</a>;
}

PLASMIC.registerComponent(MyNiceLink, {
  ...,
  props: {
    children: "slot",
    href: "string"
  }
});