Using @apply with dynamic ClassName.

[tpatalas]

I am using dynamic className with @apply in React. I couldn't find about this approach mentioning anywhere in the discussion. Is there any better approach than this? (ternary operators seem limited to just few dynamic classNames)

EX)
Component

className={`editor-input-${titleName}`} 

@apply

.editor-input-title {
  @apply text-base text-gray-700;
}
.editor-input-description {
  @apply text-sm text-gray-600;
}

{...}