Skip to content

Commit ee81ddb

Browse files
rahulrkr08hellobrian
authored andcommitted
feat(breadcrumb): Add breadcrumb last item (#232)
* feat(breadcrumb): Add breadcrumb last item * feat(breadcrumb): updated breadcrumb last item class name * feat(breadcrumb): Updated class name with bx--breadcrumb--no-trailing-slash
1 parent 6a1d9aa commit ee81ddb

File tree

2 files changed

+8
-1
lines changed

2 files changed

+8
-1
lines changed

src/components/breadcrumb/_breadcrumb.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,10 @@
2929
color: $text-03;
3030
}
3131

32+
.bx--breadcrumb--no-trailing-slash .bx--breadcrumb-item:last-child::after {
33+
content: '';
34+
}
35+
3236
.bx--breadcrumb-item:last-child {
3337
margin-right: 0;
3438

src/components/breadcrumb/breadcrumb.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="bx--breadcrumb">
1+
<div class="bx--breadcrumb bx--breadcrumb--no-trailing-slash">
22
<div class="bx--breadcrumb-item">
33
<a href="#" class="bx--link">Breadcrumb 1</a>
44
</div>
@@ -8,5 +8,8 @@
88
<div class="bx--breadcrumb-item">
99
<a href="#" class="bx--link">Breadcrumb 3</a>
1010
</div>
11+
<div class="bx--breadcrumb-item">
12+
<span>Breadcrumb 4</span>
13+
</div>
1114
</div>
1215

0 commit comments

Comments
 (0)