Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
123456789101112131415161718192021222324252627282930313233343536373839404142434445<script module lang="ts"> import { defineMeta } from "@storybook/addon-svelte-csf"; import User from "$lib/components/ui/User.svelte";
const { Story } = defineMeta({ title: "UI/User", component: User, tags: ["autodocs"], argTypes: { handle: { control: "text" }, did: { control: "text" }, size: { control: { type: "inline-radio" }, options: ["header", "large", "regular", "small", "mini"] }, showImage: { control: "boolean" }, showText: { control: "boolean" }, link: { control: "boolean" } }, args: { handle: "user.tld", size: "regular", showImage: true, showText: true, link: true } });</script>
<Story name="Default" /><Story name="With avatar" args={{ did: "did:plc:3p7ejjxnufohsygt5vbyxb2i" }} /><Story name="Image only" args={{ showText: false }} /><Story name="Text only" args={{ showImage: false }} /><Story name="Not a link" args={{ link: false }} />
<Story name="Sizes"> <div class="flex flex-col items-start gap-sm"> <User size="header" /> <User size="large" /> <User size="regular" /> <User size="small" /> <User size="mini" /> </div></Story>