alice.pds.demo.boltless.dev
This repository has no description
1<script module lang="ts">
2 import { defineMeta } from "@storybook/addon-svelte-csf";
3 import Scaffold from "./Scaffold.svelte";
4
5 const { Story } = defineMeta({
6 title: "UI/Scaffold",
7 component: Scaffold,
8 tags: ["autodocs"],
9 argTypes: {
10 width: {
11 control: { type: "inline-radio" },
12 options: ["lg", "xl", "full"]
13 }
14 },
15 args: {
16 width: "lg"
17 }
18 });
19</script>
20
21<!-- Scaffold content comes through its `children` snippet, provided here as Story slot content. -->
22<Story name="Default">
23 <Scaffold>
24 <div class="rounded border border-border-default bg-background-default p-4">Content</div>
25 </Scaffold>
26</Story>
27
28<Story name="Wide" args={{ width: "xl" }}>
29 <Scaffold width="xl">
30 <div class="rounded border border-border-default bg-background-default p-4">Content</div>
31 </Scaffold>
32</Story>
33
34<Story name="Full" args={{ width: "full" }}>
35 <Scaffold width="full">
36 <div class="rounded border border-border-default bg-background-default p-4">Content</div>
37 </Scaffold>
38</Story>