Carbon: How to make a new component for react in carbon ?

[mohit61]

What package(s) are you using?

• [x] carbon-components
• [x] carbon-components-react

Summary

Relevant information

[asudoh]

Hi 👋 given this subject would have multiple possible interpretations, would you want to provide some more context?

[mohit61]

@asudoh I want to build a card component for carbon, I am finding it hard to figure out the structure, how the components are built in carbon for react? Can u guide me please ?

[emyarod]

I believe this step of our new tutorial may be useful to you https://www.carbondesignsystem.com/tutorial/react-step-4

[asudoh]

In addition to the great reference from @emyarod - Carbon's React components, one provided by us as well as ones applications create, are either regular React components with some Carbon styling or React components using Carbon ones in it. For the former, you can go to components page in carbondesignsystem.com site and how Carbon CSS classes are applied to the markup. For the latter, you can go to react.carbondesignsystem.com to see the API of our components. Hope these help!

[stale[bot]]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.