Skip to content

Conditional props don't seem to work as documented #2

@ptim

Description

@ptim

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions