dimensionlab-website/src/lib/ui/stories/DashboardHeader.stories.svelte
2026-06-18 18:53:48 +02:00

31 lines
881 B
Svelte

<script module lang="ts">
import { defineMeta } from "@storybook/addon-svelte-csf";
import DashboardHeader from "../components/DashboardHeader.svelte";
import { moduleBlocks } from "./story-data";
const { Story } = defineMeta({
title: "Composition/DashboardHeader",
component: DashboardHeader,
tags: ["autodocs"],
});
</script>
<Story
name="Title Subtitle Module"
args={{
eyebrow: "Command Surface",
title: "Operations Console",
subtitle: "Capacity and queue health",
module: moduleBlocks.compact,
}}
/>
<Story
name="Long Title"
args={{
eyebrow: "Preview Surface",
title: "Long Generic Dashboard Title That Must Wrap",
subtitle: "Secondary status text wraps independently",
module: moduleBlocks.long,
}}
/>
<Story name="No Module" args={{ title: "Standalone Console", subtitle: "Header without side module" }} />