mephju/classed-components

Like styled-components but for classes.

classed-components's Issues

FR: parse comments

Love your work - this feels like the best of tailwinds and styled-components together, thanks!

I'd like to be able to add comments into the component... I recall being able to do that in styled-components, maybe there's some inspiration there... may send a PR your way one day 😛

Thanks again!

const Container = classed.div`
  container max-w-sm // comment after
  // some meaningful comment here
  mx-auto 
`

Which currently outputs:

<div class="container max-w-sm // comment after // some meaningful comment here mx-auto">

Conditional props don't seem to work as documented

Not sure if I'm doing something wrong here - this example is a slight modification of the example in https://github.com/mephju/classed-components#conditional-classes

Tx

const medium = false

const MyComponent = classed.div`
  text-sm
  text-base ${medium}
  text-xl ${props => props.isHeader}
`

JSX:

<MyComponent isHeader={false}>Header</MyComponent>

Expected:

<div class="text-sm">Header</div>

Actual:

<div class="text-sm text-base text-xl">Header</div>