54 lines
No EOL
994 B
Svelte
54 lines
No EOL
994 B
Svelte
<script>
|
|
import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
|
|
|
|
// @ts-ignore
|
|
import componentDocs from './stories/docs/component.md?raw';
|
|
// @ts-ignore
|
|
import darkThemeDocs from './stories/docs/darkTheme.md?raw';
|
|
|
|
import SiteHeader, { themes } from './SiteHeader.svelte';
|
|
import Block from '../Block/Block.svelte';
|
|
|
|
import {
|
|
withComponentDocs,
|
|
withStoryDocs,
|
|
} from '$lib/docs/utils/withParams.js';
|
|
|
|
const meta = {
|
|
title: 'Components/SiteHeader',
|
|
component: SiteHeader,
|
|
...withComponentDocs(componentDocs),
|
|
argsTypes: {
|
|
themes: { control: { disable: true } },
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<Meta {...meta} />
|
|
|
|
<Template let:args>
|
|
<div>
|
|
<SiteHeader {...args} />
|
|
</div>
|
|
</Template>
|
|
|
|
<Story
|
|
name="Default"
|
|
/>
|
|
|
|
<Story
|
|
name="Customised theme"
|
|
args={{
|
|
theme: themes.dark,
|
|
}}
|
|
{...withStoryDocs(darkThemeDocs)}
|
|
/>
|
|
|
|
|
|
<style>
|
|
div {
|
|
min-height: 625px;
|
|
width: calc(100% + 30px);
|
|
margin-left: -15px;
|
|
}
|
|
</style> |