mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 19:46:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(structured-list)!: integration StructuredList with v11

Browse source
This commit is contained in:
Eric Liu 2024-04-22 22:15:56 -07:00
commit 2e5cce7f42
19 changed files with 245 additions and 410 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/StructuredList/StructuredListSkeleton.svelte
View file

@ -1,19 +1,11 @@
<script>
// @ts-check
/** Specify the number of rows */
export let rows = 5;
export let count = 5;
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class:bx--skeleton="{true}"
class:bx--structured-list="{true}"
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
<div class:bx--skeleton="{true}" class:bx--structured-list="{true}">
<div class:bx--structured-list-thead="{true}">
<div
class:bx--structured-list-row="{true}"
@ -25,7 +17,7 @@
</div>
</div>
<div class:bx--structured-list-tbody="{true}">
{#each Array.from({ length: rows }, (_, i) => i) as row, i (row)}
{#each Array.from({ length: count }) as row}
<div class:bx--structured-list-row="{true}">
<div class:bx--structured-list-td="{true}"></div>
<div class:bx--structured-list-td="{true}"></div>