Thought: One thing to consider here is mimicking MUIs API.

These use aclasses object, so it would look like this:

<CodeExample classes={{ root: ..., button: ..., }} />

I'm adding this as athought because it's not required to do anything now, just wanted to pose the question.

Might make sense as a FE V topic.

I agree with you, but I see some components are already using the patternelementClassName so I just keep it for consistency but IMO, we should try to use theclasses prop to keep parity with MUIs API.