mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-17 03:01:25 +00:00
feat(breadcrumb): supporot noTrailingSlash in skeleton
This commit is contained in:
parent
8e00ccb025
commit
51034f24a3
3 changed files with 23 additions and 4 deletions
|
@ -1,12 +1,27 @@
|
|||
<script>
|
||||
/**
|
||||
* Set to `true` to hide breadcrumb trailing slash
|
||||
* @type {boolean} [noTrailingSlash=false]
|
||||
*/
|
||||
export let noTrailingSlash = false;
|
||||
|
||||
/**
|
||||
* Set number of breadcrumb items to render
|
||||
* @type {number} [count=3]
|
||||
*/
|
||||
export let count = 3;
|
||||
</script>
|
||||
|
||||
<div
|
||||
class:bx--breadcrumb={true}
|
||||
class:bx--breadcrumb--no-trailing-slash={noTrailingSlash}
|
||||
class:bx--skeleton={true}
|
||||
{...$$restProps}
|
||||
on:click
|
||||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave>
|
||||
{#each [0, 1, 2] as item, i (item)}
|
||||
{#each Array.from({ length: count }, (_, i) => i) as item, i (item)}
|
||||
<div class:bx--breadcrumb-item={true}>
|
||||
<span class:bx--link={true}> </span>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue