Peter Meier
657f726edb
A: ArrowLink um tone-Prop (himmel/wald/stein/white) — PostOverview + CalendarCompact inline Arrow-Links → ArrowLink. B: 3× identische Formular-Success-Boxen → internal/FormSuccess.svelte (rounded-lg). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
25 lines
1002 B
TypeScript
25 lines
1002 B
TypeScript
import type { Meta, StoryObj } from '@storybook/sveltekit';
|
|
import ArrowLink from './ArrowLink.svelte';
|
|
|
|
const meta = {
|
|
title: 'Molecules/ArrowLink',
|
|
component: ArrowLink,
|
|
tags: ['autodocs'],
|
|
parameters: { layout: 'centered' },
|
|
args: { href: '#', label: 'Mehr erfahren' },
|
|
argTypes: {
|
|
size: { control: 'select', options: ['sm', 'md'] },
|
|
tone: { control: 'select', options: ['himmel', 'wald', 'stein', 'white'] },
|
|
external: { control: 'boolean' },
|
|
},
|
|
} satisfies Meta<typeof ArrowLink>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Medium: Story = { args: { size: 'md', label: 'Zum Adressbuch' } };
|
|
export const Klein: Story = { args: { size: 'sm', label: 'cloud.windwiderstand.de' } };
|
|
export const Extern: Story = { args: { size: 'sm', label: 'Beitreten', external: true } };
|
|
export const Wald: Story = { args: { tone: 'wald', label: 'Alle Termine' } };
|
|
export const Stein: Story = { args: { tone: 'stein', size: 'sm', label: 'Alle Beiträge' } };
|