<script context="module"> | |
import { Template, Story } from "@storybook/addon-svelte-csf"; | |
import Group from "./Index.svelte"; | |
import Button from "../button/shared/Button.svelte"; | |
import { allModes } from "../storybook/modes"; | |
export const meta = { | |
title: "Layout Elements/Group", | |
component: Group, | |
parameters: { | |
chromatic: { | |
modes: { | |
desktop: allModes["desktop"], | |
mobile: allModes["mobile"] | |
} | |
} | |
} | |
}; | |
</script> | |
<Template let:args> | |
<Group {...args}> | |
<Button elem_id="btn" size="lg">test</Button> | |
<Button elem_id="btn" size="lg">test</Button> | |
</Group> | |
</Template> | |
<Story name="Group Layout" /> | |