<div ng-init="bcItems=[
				{type: 'folder', glyph: 'F', name: 'My Items'},
				{type: 'layout', glyph: 'L', name: 'Layout with a somewhat long name'},
				{type: 'telemetry-panel', glyph: 't', name: 'Panel, My Panel'},
				{type: 'telemetry-element', glyph: 'T', name: 'ACS-0009'}
	        ]"></div>

<div class="l-breadcrumb s-breadcrumb">
	<span
		class="l-breadcrumb-item s-breadcrumb-item"
		ng-repeat="bcItem in bcItems"
		>
		<a><span class="ui-symbol icon {{bcItem.type}}">{{bcItem.glyph}}</span>{{bcItem.name}}</a> <span class="ui-symbol sep">}</span>
	</span>
</div>
