Material-ui: is it possible to build my own component utilizing MuiTheme?

[bochen2014]

my understanding is MuiTheme is just some inline styles, so, theoretically, I can build my own component just like you guys build the built-in components. I'm just not sure how easy that would be , or if that is even possible.

Please shed some lights on this. thanks
(if possible, can we have a naviBar like the one provided by bootstrap? so I don't have to build it by myself)

[lucasbento]

@bochen2014: I'm sorry but I think I don't get what you mean.

Are you thinking about using Material UI's theme outside of it? build a component with its styles without actually using it?

[bochen2014]

thanks @lucasbento for your reply. that's exactly what I want.
I want a naviBar like the one bootstrap provides, which doesn't exist in material-UI

[lucasbento]

Well, you are free to create the components that you wish, Material UI does not get in your way.

Just use getMuiTheme() function to get the style properties and you are good to go.

I'm on mobile right now so I can't link you to the function, try searching its name on the issues.

[bochen2014]

thanks again. let's say I add reference to getMuiTheme, and have got access to those build in inline styles, , so by now I've got a component that has the same look at those build-in ones.
but how can I add ripple effects to it?

[lucasbento]

@bochen2014: you are welcome.

You can try what is specified here: https://github.com/callemall/material-ui/issues/4580#issuecomment-229372086, another component to create the ripple effect that you are looking for.

[bochen2014]

thanks @lucasbento

happy to close this issue