27 lines
1 KiB
Svelte
27 lines
1 KiB
Svelte
<script module lang="ts">
|
|
import { defineMeta } from "@storybook/addon-svelte-csf";
|
|
import StatusStrip from "../components/StatusStrip.svelte";
|
|
import { mixedStatusStrip, statusItems } from "./story-data";
|
|
|
|
const { Story } = defineMeta({
|
|
title: "Dashboard Primitives/StatusStrip",
|
|
component: StatusStrip,
|
|
tags: ["autodocs"],
|
|
});
|
|
</script>
|
|
|
|
<Story
|
|
name="All Operational"
|
|
args={{
|
|
items: [
|
|
{ ...statusItems.ok, id: "status-ok-a" },
|
|
{ ...statusItems.ok, id: "status-ok-b", label: "Queue" },
|
|
{ ...statusItems.ok, id: "status-ok-c", label: "Sync" },
|
|
],
|
|
}}
|
|
/>
|
|
<Story name="Degraded" args={{ items: [statusItems.ok, statusItems.degraded, statusItems.stale] }} />
|
|
<Story name="Incident" args={{ items: [statusItems.ok, statusItems.incident, statusItems.degraded] }} />
|
|
<Story name="Syncing" args={{ items: [statusItems.syncing, statusItems.ok, statusItems.action] }} />
|
|
<Story name="Stale" args={{ items: [statusItems.stale, statusItems.long] }} />
|
|
<Story name="Mixed Compact" args={{ items: mixedStatusStrip, compact: true }} />
|