Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Compatibility with styled-system

See original GitHub issue

I was trying out goober with styled-system and found out that it’s not working. Is compatibility with styled-system something goober will be looking to adopt?

https://codesandbox.io/s/goober-x-styled-system-not-working-4lywf?file=/src/index.js

Issue Analytics

State:
Created 3 years ago
Comments:8 (7 by maintainers)

Top GitHub Comments

1reaction

donysukardicommented, Oct 20, 2020

AWESOME POSSUM @cristianbote! 🎉🎉🎉

0reactions

cristianbotecommented, Oct 7, 2021

Hey @ayoubphy, indeed. goober needs to be instructed via shouldForwardProp function which attributes you want to end-up with on your html elements. Check out the docs for this section https://goober.js.org/api/shouldForwardProp.

Top Results From Across the Web

How it Works - Styled System

By using style objects instead of embedded CSS strings, Styled System is compatible with a wide range of CSS-in-JS libraries.

Styled System

Styled System is a collection of utility functions that add style props to your React components and allows you to control styles based...

Theme Specification - Styled System

The objects shape is based on the System UI Theme Specification. It is not coupled to Styled System's implementation and can be used...

API - Styled System

The compose utility is used to combine multiple style functions together into one. This utility can help improve performance when using multiple style...

Rebass - Styled System

Styled System is a low-level, framework-agnostic suite of utilities. It can be used with many different libraries, including React, Vue.js, Angular, Styled ...