typicode/mistcss

className not apply

Inaztm opened this issue · 5 comments

Inaztm commented

Generates {... props} before className.

image

Can use the cva solution or just add other classes after the "scoped" class?

typicode commented

Hi,

I'm not familiar with CVA, but can you try:

// CustomBlock.tsx
import { Block } from './Block.mist'

export function CustomBlock({ children, ...props }) {
  return <Block className="Block" { ...props }>children</Block>
}
Inaztm commented

@typicode

Hi.
In this example, className is ignored

image image
The-Code-Monkey commented

This is related to the ticket I added

sergupe commented

I think It is the problem mentioned by @The-Code-Monkey indeed. The code is done so the className are PascalCase and not Camel or Kebab case.

@Inaztm could you try with a PascalCase className?

The-Code-Monkey commented

I will be fixing this tomorrow so the classname is passed through the same as people define it, but the component name will be Pascal case still

  • 👍1