How can you pass props into a component?

Question

How can you pass props into a component?

Skytrobb opened this issue 5 years ago · 2 comments

I'm using facepaint with emotion and I want to be able to pass props into a styled component. With emotion you would normally do this:
const TextColumnContainer = styled.div(props => ({
textAlign: props.align || 'center',
}));
adding a facepaint 'mq' object with all my media queries will break or ignore the css within it. How can I pass props into a styled component that is using facepaint and emotion?

Answer 1 · 2019-06-20T19:05:15.000Z

Here is an example.
https://codesandbox.io/s/emotion-31vwj

Answer 2 · 2019-12-21T10:04:15.000Z

tkh44, you are a lifesaver.