mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore(tabs): add count prop for tabs skeleton

Browse source
This commit is contained in:
Eric Liu 2020-07-27 20:13:39 -07:00
commit aadc8d9bf1
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/Tabs/TabsSkeleton.svelte
View file

@ -1,3 +1,11 @@
<script>
/**
* Specify the number of tabs to render
* @type {number} [count=4]
*/
export let count = 4;
</script>
<div <div
class:bx--tabs={true} class:bx--tabs={true}
class:bx--skeleton={true} class:bx--skeleton={true}
@ -13,7 +21,7 @@
</svg> </svg>
</div> </div>
<ul class:bx--tabs__nav={true} class:bx--tabs__nav--hidden={true}> <ul class:bx--tabs__nav={true} class:bx--tabs__nav--hidden={true}>
{#each [0, 1, 2, 3] as item, i (item)} {#each Array.from({ length: count }, (_, i) => i) as item, i (item)}
<li class:bx--tabs__nav-item={true}> <li class:bx--tabs__nav-item={true}>
<div class:bx--tabs__nav-link={true}>&nbsp;</div> <div class:bx--tabs__nav-link={true}>&nbsp;</div>
</li> </li>