Getting "not able to style a code component" even though className prop exists

Developer Support
1

Getting this error on a component

image.png

Even though there is a classname prop

As shown above

2

it could be that the code component is not forwarding the className to its elements, for example:

function Button({className}) {
  // ...
  return (
    <div className={className}>
      { /* ... */ }
    </div>
  );
}

so it could for be missing the <div className={className}> part for instance.

could it be the case?

3

it’s being forwarded

4

image.png

5

If I actually pass a string value to the classname inside plasmic

6

It sets the class properly

7

Just Plasmic doesn’t seem to recognize it

8

Does the not being passed to literally the toplevel parent thing break it?

9

it sounds like a bug, we’ll look into it

10

BTW you shouldn’t also need to register the “className” prop (unless if you want to provide custom classes to it in the props besides Plasmic styles)

11

yep

12

it should be fixed now! You might need to refresh