feat(blocks): SectionGrid/InfoCard/ContactForm + Konsolidierung (Tier 1)
Neue Komponenten: SectionGrid, InfoCard (tone/compact), ArrowLink, ContactFormBlock, SectionGridBlock. CMS-Blöcke section_grid + contact_form (info_card-Collection). OrganisationsBlock: presentation "grid" (SectionGrid + InfoCard-Tiles). Kontaktformular-Submit: size md + Send-Icon. Konsolidierung Tier 1: - .card-surface + Card-Atom → rounded-lg, .chip → rounded-full, Input-Atome → rounded-md - tote .btn-*-Klassen aus app.css entfernt (Atom nutzt --color-btn-*-Tokens) - hardcoded Hex → stein-Tokens (InfoCard, ContactFormBlock) - redundante rounded-sm auf card-surface-Nutzern entfernt Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
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'] },
|
||||
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 } };
|
||||
Reference in New Issue
Block a user