DEV Community

loading...

Discussion on: Discuss: React component libraries compatible with emotion and TypeScript?

Collapse
franky47 profile image
François Best

I'm not familiar with the other libraries you mentioned, but what I like in Chakra is:

  • Accessibility by design
  • Style props†
  • Complete set of UI elements, easy to override and compose

† I was a big fan of the styled-components approach, but it generates a lot of boilerplate to override styles locally, whereas the styled-system / style props approach makes it really easy, at the cost of mixing style and functional props, but which is an acceptable trade-off IMHO.

Thread Thread
whitphx profile image
Yuichiro Tachibana (Tsuchiya) Author

Thank you!

I have been using only the bare css prop of emotion to customize predefined components, but not styled-system... and yes, my concern is the additional overhead, but your comment below is one answer.

the cost of mixing style and functional props, but which is an acceptable trade-off IMHO.

That seems to be a good option to choose!

And other points are also attractive.

easy to override and compose

Yes, this is one thing I think is important and what I need css prop (or styled system!) for.