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 Thumbnail from "./Thumbnail.svelte";
4
5 const { Story } = defineMeta({
6 title: "UI/Thumbnail",
7 component: Thumbnail,
8 tags: ["autodocs"],
9 argTypes: {
10 title: { control: "text" }
11 },
12 args: {
13 title: "Design System"
14 }
15 });
16</script>
17
18<Story name="Default">
19 <div class="w-96">
20 <Thumbnail />
21 </div>
22</Story>
23
24<Story name="Custom content">
25 <div class="w-96">
26 <Thumbnail>
27 <span class="text-2xl font-bold text-foreground-default sm:text-3xl">Thumbnail</span>
28 </Thumbnail>
29 </div>
30</Story>