Use individual components? about material-dashboard-react HOT 5 CLOSED

Hello @einazare,

Thanks for you response.

I'm trying use StatsCard component standalone following the above instructions, but I'm getting error:

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of `StatsCard`.

Edit:

I solve it, the problem was in the icon prop.

I changed:

<StatsCard icon={<Icon>storage</Icon>} />

To:

<StatsCard icon={() => <Icon>storage</Icon>} />

from material-dashboard-react.

Hello @idcmp ,

And thank you for your interest in using our products.
If you want a component of ours to add it to our project you need to copy it in your project and all its dependencies.
For example, if you want the Timeline component, just copy src/components/Timeline/Timeline.jsx, src/assets/jss/material-dashboard-pro-react/components/timelineStyle.jsx and you will also need some stuff from src/assets/jss/material-dashboard-pro-react.jsx.

Hope that information helps you. Please let us know if we can help you with anything else.

Best,
Manu

from material-dashboard-react.

Hey Manu! Thanks for this. I'd like to keep them to the side, so I'm guessing that means I need to massage the imports for what I need. If that's not the case let me know. Otherwise, thanks!

from material-dashboard-react.

Why not uploading standalone components into npm?

from material-dashboard-react.

Hello @montyclt ,

That is a great idea, but it is kind of hard to have a dashboard split into multiple components on npm.
On each update of any of our dependencies, we would than have to update each of that component.
It would be a bit hard working on dozens of projects, just to create one product such as this dashboard.
We've already talked about doing something like this, but we need to figure out a way to make it easier for both us and our clients to use the components.

Hope that information helps you. Please let us know if we can help you with anything else.

Best,
Manu

from material-dashboard-react.