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

feat(progress-indicator-skeleton): add count prop

Browse source
This commit is contained in:
Eric Liu 2020-10-15 05:17:16 -07:00
commit 696c5dcb2a
2 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/src/pages/components/ProgressIndicator.svx
View file

@ -56,4 +56,4 @@
### Skeleton
<ProgressIndicatorSkeleton />
<ProgressIndicatorSkeleton count={3} />

8
src/ProgressIndicator/ProgressIndicator.Skeleton.svelte
View file

@ -4,6 +4,12 @@
* @type {boolean} [vertical=false]
*/
export let vertical = false;
/**
* Specify the number of steps to render
* @type {number} [count=4]
*/
export let count = 4;
</script>
<ul
@ -16,7 +22,7 @@
on:mouseenter
on:mouseleave
>
{#each [0, 1, 2, 3] as item, i (item)}
{#each Array.from({ length: count }, (_, i) => i) as item, i (item)}
<li
class:bx--progress-step="{true}"
class:bx--progress-step--incomplete="{true}"