Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849<script module lang="ts"> import { defineMeta } from "@storybook/addon-svelte-csf"; import Eye from "$icon/eye"; import FileCardHeader from "$lib/components/repo/FileCardHeader.svelte"; import Button from "$lib/components/ui/Button.svelte";
const { Story } = defineMeta({ title: "Repo/FileCardHeader", component: FileCardHeader, tags: ["autodocs"] });</script>
{#snippet openTitle()} <span class="typography-monospace-small">src/index.ts</span>{/snippet}
{#snippet sampleActions()} <Button variant="ghost" size="small" icon={Eye}>View file</Button>{/snippet}
<Story name="Collapsible Open" args={{ open: true, collapsible: true, title: openTitle, actions: sampleActions }}/>
<Story name="Collapsible Closed" args={{ open: false, collapsible: true, title: openTitle }}/>
<Story name="Static Non-Collapsible" args={{ open: true, collapsible: false, title: openTitle }}/>