Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Material-UI with reactjs: How to use or implement breadcrumbs [closed]

Is there anyway I can use breadcrumbs using material-ui (that is based on reactjs)? Or even implement one?

like image 466
Leone Avatar asked Nov 23 '16 13:11

Leone


3 Answers

Breadcrumbs are coming to Material, keep an eye out for when https://github.com/mui-org/material-ui/pull/14084 lands.

Edit, they are now in core:

https://material-ui.com/components/breadcrumbs/

like image 130
Dominic Avatar answered Oct 15 '22 14:10

Dominic


I don't think Material-UI has a breadcrumb component, so you will need tp implement a custom React component yourself and use simple Text, the IconButton or FlatButton.

Here are some design ideas from Materialize: http://demo.geekslabs.com/materialize-v1.0/ui-breadcrumbs.html

like image 44
newbreedofgeek Avatar answered Oct 15 '22 12:10

newbreedofgeek


I think the closest thing to breadcrumbs that you'll find is the Stepper Component. I'm sure after a good amount of time beating the proverbial head against it, one could figure out how to style the stepper to look like breadcrumbs.

http://www.material-ui.com/#/components/stepper

like image 1
Michael Stearn Avatar answered Oct 15 '22 12:10

Michael Stearn