Skip to content

Addressing Issue #1145 - Breadcrumb: Customize icon used#4436

Merged
oengusmacinog-zz merged 5 commits intomicrosoft:masterfrom
oengusmacinog-zz:breadcrumb-divideras-1145
Apr 3, 2018
Merged

Addressing Issue #1145 - Breadcrumb: Customize icon used#4436
oengusmacinog-zz merged 5 commits intomicrosoft:masterfrom
oengusmacinog-zz:breadcrumb-divideras-1145

Conversation

@oengusmacinog-zz
Copy link
Copy Markdown
Collaborator

@oengusmacinog-zz oengusmacinog-zz commented Apr 2, 2018

Pull request checklist

Description of changes

Added dividerAs prop to Breadcrumb component allowing the user to pass a custom JSX element to be used as the trail divider icon.

<li className={ css('ms-Breadcrumb-listItem', styles.listItem) } key={ item.key || String(index) }>
{ onRenderItem(item, this._onRenderItem) }
<Icon
{ index !== lastItemIndex && <Divider
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you could just move this before the li, and say index > 0. Then you don't need a variable.

@oengusmacinog-zz oengusmacinog-zz merged commit bb506d4 into microsoft:master Apr 3, 2018
@oengusmacinog-zz oengusmacinog-zz deleted the breadcrumb-divideras-1145 branch April 3, 2018 16:04
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Breadcrumb: Customize icon used

2 participants