Class Names✏️ Edit this page
It can be useful to create a className that is not passed to a component, for example if a component accepts a
wrapperClassName prop or similar. To do this, Emotion exposes a render prop component which you can pass a function which accepts
cx. If you have used versions of Emotion prior to Emotion 10 or used vanilla Emotion, the
cx functions work exactly like they do in those versions.