32 lines
722 B
Svelte
32 lines
722 B
Svelte
|
<script module>
|
||
|
|
import { defineMeta } from '@storybook/addon-svelte-csf';
|
||
|
|
import Footnote from './Footnote.svelte';
|
||
|
|
|
||
|
|
const { Story } = defineMeta({
|
||
|
|
title: 'Shared/Footnote',
|
||
|
|
tags: ['autodocs'],
|
||
|
|
parameters: {
|
||
|
|
docs: {
|
||
|
|
description: {
|
||
|
|
component: 'Styles footnote text',
|
||
|
|
},
|
||
|
|
story: { inline: false }, // Render stories in iframe for state isolation
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<Story name="Default">
|
||
|
|
<Footnote>
|
||
|
|
Footnote
|
||
|
|
</Footnote>
|
||
|
|
</Story>
|
||
|
|
|
||
|
|
<Story name="With custom render">
|
||
|
|
<Footnote>
|
||
|
|
{#snippet render({ class: className })}
|
||
|
|
<span class={className}>Footnote</span>
|
||
|
|
{/snippet}
|
||
|
|
</Footnote>
|
||
|
|
</Story>
|