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

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

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


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

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"