glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: rewrite existing shared/ui stories using snippet template pattern

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-22 11:25:02 +03:00
parent 30bbfa7e11
commit 0c8b8e989f
15 changed files with 403 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/shared/ui/VirtualList/VirtualList.stories.svelte
View File

@@ -46,29 +46,35 @@ const emptyDataSet: string[] = [];
</script>
<Story name="Small Dataset">
<div class="h-[400px]">
<VirtualList items={smallDataSet} itemHeight={40}>
{#snippet children({ item })}
<div class="p-2 m-0.5 rounded-sm hover:bg-accent">{item}</div>
{/snippet}
</VirtualList>
</div>
{#snippet template(args)}
<div class="h-[400px]">
<VirtualList items={smallDataSet} itemHeight={40} {...args}>
{#snippet children({ item })}
<div class="p-2 m-0.5 rounded-sm hover:bg-accent">{item}</div>
{/snippet}
</VirtualList>
</div>
{/snippet}
</Story>
<Story name="Medium Dataset (200 items)">
<div class="h-[400px]">
<VirtualList items={mediumDataSet} itemHeight={40}>
{#snippet template(args)}
<div class="h-[400px]">
<VirtualList items={mediumDataSet} itemHeight={40} {...args}>
{#snippet children({ item })}
<div class="p-2 m-0.5 rounded-sm hover:bg-accent">{item}</div>
{/snippet}
</VirtualList>
</div>
{/snippet}
</Story>
<Story name="Empty Dataset">
{#snippet template(args)}
<VirtualList items={emptyDataSet} itemHeight={40} {...args}>
{#snippet children({ item })}
<div class="p-2 m-0.5 rounded-sm hover:bg-accent">{item}</div>
{/snippet}
</VirtualList>
</div>
</Story>
<Story name="Empty Dataset">
<VirtualList items={emptyDataSet} itemHeight={40}>
{#snippet children({ item })}
<div class="p-2 m-0.5 rounded-sm hover:bg-accent">{item}</div>
{/snippet}
</VirtualList>
{/snippet}
</Story>