Is it a good practice to pass via props functions to styled component file?

Question

I have this code:

return (
    <Container>
        <Title color={status}>Some Title</Title>
        <Subtitle>
            <Icon color={status} width={`${(value / goal) * 100}%`} />
        </Subtitle>
    </Container>
)

Do you think it would be a better practice to put the styles logics in the styled component file?

score 0 · Answer 1 · answered Feb 16 '22 at 13:54

I think if styles are much, this is better to put styles logics in another file(e.g styled component). But if styles are little can keep them in the same file in the upper of the definition of a component. because in this case, accessibility to them is easier.

Is it a good practice to pass via props functions to styled component file?

1 Answers1