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

refactor: update/fix JSDoc props

Browse source
This commit is contained in:
Eric Liu 2020-11-04 06:04:25 -08:00
commit d38e6d8be6
204 changed files with 992 additions and 2359 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/StructuredList/StructuredListSkeleton.svelte Normal file
View file

@ -0,0 +1,38 @@
<script>
/** Specify the number of rows */
export let rows = 5;
/** Set to `true` to use the bordered variant */
export let border = false;
</script>
<div
class:bx--skeleton="{true}"
class:bx--structured-list="{true}"
class:bx--structured-list--border="{border}"
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
<div class:bx--structured-list-thead="{true}">
<div
class:bx--structured-list-row="{true}"
class:bx--structured-list-row--header-row="{true}"
>
<div class:bx--structured-list-th="{true}"><span></span></div>
<div class:bx--structured-list-th="{true}"><span></span></div>
<div class:bx--structured-list-th="{true}"><span></span></div>
</div>
</div>
<div class:bx--structured-list-tbody="{true}">
{#each Array.from({ length: rows }, (_, i) => i) as row, i (row)}
<div class:bx--structured-list-row="{true}">
<div class:bx--structured-list-td="{true}"></div>
<div class:bx--structured-list-td="{true}"></div>
<div class:bx--structured-list-td="{true}"></div>
</div>
{/each}
</div>
</div>