gradio/js/group/Group.stories.svelte
Hannah 5181957706
Add mobile Chromatic tests (#7222)
* Add mobile story tests

* add layout stories

* add changeset

* configure viewports

* formatting

* Remove tablet stories + add plot story

* add changeset

* add mobile tests to layout stories

* fix story

* fix story

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
Co-authored-by: pngwn <hello@pngwn.io>
2024-02-02 14:21:48 +00:00

29 lines
637 B
Svelte

<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" />