Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Styled Components com Material UI

Boa tarde,

Gostaria de saber como usar styled components para customizar componentes do Material UI.

Pelo que entendi, seria necessário forçar especificidade adicionando "&&":

const StyledAppBar = styled(AppBar)`
        && {
            */css aqui*/
        }
        `

É isso mesmo? Existe alguma forma melhor de combinar Material com Styled?

Obrigado!

1 resposta
solução!

Olá, André! Tudo bem?

O Material UI tem uma solução chamada @material-ui/styles, que pode atender melhor esse objetivo. Você pode ver mais sobre aqui, e apesar de não ser exatamente o styled-components, tem como objetivo entregar uma solução similar, utilizando a API do styled-components.

Espero ter ajudado!