You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.1 KiB
56 lines
1.1 KiB
<script lang="ts" context="module"> |
|
import type { Meta } from "@storybook/svelte"; |
|
import ReposSummaryList from "./ReposSummaryList.svelte"; |
|
import { Story, Template } from "@storybook/addon-svelte-csf"; |
|
import { RepoSummaryCardArgsVectors as vectors } from "./repo/vectors"; |
|
|
|
export const meta: Meta<ReposSummaryList> = { |
|
title: "Repo/Summary/List", |
|
component: ReposSummaryList, |
|
tags: ["autodocs"], |
|
}; |
|
</script> |
|
|
|
<Template let:args> |
|
<ReposSummaryList {...args} /> |
|
</Template> |
|
|
|
<Story |
|
name="Default" |
|
args={{ |
|
title: "Featured Repositories", |
|
repos: [vectors.Short, vectors.Long, vectors.LongNoSpaces], |
|
}} |
|
/> |
|
|
|
<Story |
|
name="No Title" |
|
args={{ |
|
repos: [vectors.Short, vectors.Long], |
|
}} |
|
/> |
|
<Story |
|
name="Empty" |
|
args={{ |
|
title: "Latest", |
|
repos: [], |
|
}} |
|
/> |
|
|
|
<Story |
|
name="Loading" |
|
args={{ |
|
title: "Latest", |
|
repos: [], |
|
loading: true, |
|
}} |
|
/> |
|
|
|
<Story |
|
name="Partially Loaded" |
|
args={{ |
|
title: "Latest", |
|
repos: [vectors.Short, vectors.Long], |
|
loading: true, |
|
}} |
|
/>
|
|
|