Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
Svelte
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<script module lang="ts"> import { defineMeta } from "@storybook/addon-svelte-csf"; import ShimmerText from "$lib/components/ui/ShimmerText.svelte";
const { Story } = defineMeta({ title: "UI/ShimmerText", component: ShimmerText, tags: ["autodocs"], argTypes: { color: { control: { type: "inline-radio" }, options: [ "inherit", "default", "muted", "subtle", "success", "danger", "warning", "info" ] }, duration: { control: { type: "number" } }, delay: { control: { type: "number" } } }, args: { color: "inherit", duration: 3, delay: 0 } });</script>
<Story name="Default">Cloning repository</Story><Story name="Muted" args={{ color: "muted" }}>Waiting for a runner</Story><Story name="Warning" args={{ color: "warning" }}>Pipeline running</Story><Story name="Slow" args={{ duration: 6 }}>Taking a while</Story>
<Story name="Staggered"> {#snippet template()} <div class="flex flex-col gap-1 typography-paragraph-large"> <ShimmerText color="muted" delay={0}>Resolving knots</ShimmerText> <ShimmerText color="muted" delay={0.3}>Fetching objects</ShimmerText> <ShimmerText color="muted" delay={0.6}>Building index</ShimmerText> </div> {/snippet}</Story>