icd2k3/react-router-breadcrumbs-hoc

Can we use custom Icon for specific routes ?

amitkumarsingh opened this issue · 1 comments

Can we use custom Icon for specific routes ?

path: '/scenario/', component: ScenarioManagerHome, exact: true , breadcrumbs : 'Scenario', icon:'Test',
	  routes: [
			{ path: '/scenario/create', component: ScenarioModelComposer, exact: true , breadcrumbs : 'Create Scenario', icon:'some-icon'},
			{ path: '/scenario/create/:id?', component: ScenarioModelComposer, exact: true , breadcrumbs : 'Edit Scenario', icon:'some-icon'},
			{ path: '/scenario/details/:id?', component: ScenarioModelDetails, exact: true , breadcrumbs : 'Scenario Details', icon:'some-icon'},
	  ]

An icon field will not be supported (mostly because if we were to do something like that we'd have to import icons into the HOC and make the file-size bigger for others that aren't using it).

However, you can add icons yourself by using components instead of strings for breadcrumbs. For example:

{
  breadcrumb: () => <span><MyIcon />Create Scenario</span>
}