Something went wrong. Try again.
Monorepo for Tangled
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142<script module lang="ts"> import { defineMeta } from "@storybook/addon-svelte-csf"; import ArrowRight from "$icon/arrow-right"; import ExternalLink from "$icon/external-link"; import Link from "./Link.svelte";
const { Story } = defineMeta({ title: "UI/Link", component: Link, tags: ["autodocs"], argTypes: { variant: { control: { type: "select" }, options: ["default", "success", "warning", "danger"] }, size: { control: { type: "inline-radio" }, options: ["regular", "small"] }, disabled: { control: "boolean" } }, args: { variant: "default", size: "regular", disabled: false } });</script>
<!-- Link content comes through its `children` snippet, provided here as Story slot content. --><Story name="Default">Link</Story><Story name="Success" args={{ variant: "success" }}>Confirmed</Story><Story name="Warning" args={{ variant: "warning" }}>Careful</Story><Story name="Danger" args={{ variant: "danger" }}>Delete</Story><Story name="Small" args={{ size: "small" }}>Small link</Story><Story name="Disabled" args={{ disabled: true }}>Link</Story>
<Story name="IconLeft" args={{ iconLeft: ExternalLink }}>Open in new tab</Story><Story name="IconRight" args={{ iconRight: ArrowRight }}>Continue</Story>
<Story name="Href" args={{ href: "/" }}>Go home</Story>