feat(ui): add decorative style primitives
This commit is contained in:
parent
975e17cd02
commit
51b97246a8
10 changed files with 476 additions and 0 deletions
20
src/lib/ui/stories/ScanlineField.stories.svelte
Normal file
20
src/lib/ui/stories/ScanlineField.stories.svelte
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<script module lang="ts">
|
||||
import { defineMeta } from "@storybook/addon-svelte-csf";
|
||||
import ScanlineField from "../components/ScanlineField.svelte";
|
||||
import Panel from "../components/Panel.svelte";
|
||||
|
||||
const { Story } = defineMeta({
|
||||
title: "Style Primitives/ScanlineField",
|
||||
component: ScanlineField,
|
||||
tags: ["autodocs"],
|
||||
});
|
||||
</script>
|
||||
|
||||
<Story name="Soft Neutral" args={{ intensity: "soft", tone: "neutral", size: "md" }} />
|
||||
<Story name="Medium Accent" args={{ intensity: "medium", tone: "accent", size: "md" }} />
|
||||
<Story name="Hard Warning" args={{ intensity: "hard", tone: "warning", size: "lg" }} />
|
||||
<Story name="Panel Backdrop" asChild>
|
||||
<Panel title="Signal Surface">
|
||||
<ScanlineField intensity="hard" tone="accent" />
|
||||
</Panel>
|
||||
</Story>
|
||||
Loading…
Add table
Add a link
Reference in a new issue