mirror of
https://github.com/gradio-app/gradio.git
synced 2025-01-12 10:34:32 +08:00
28 lines
643 B
Svelte
28 lines
643 B
Svelte
|
<script context="module">
|
||
|
|
import { Template, Story } from "@storybook/addon-svelte-csf";
|
||
|
|
import Accordion from "./Index.svelte";
|
||
|
|
import Button from "../button/shared/Button.svelte";
|
||
|
|
import { allModes } from "../storybook/modes";
|
||
|
|
|
||
|
|
export const meta = {
|
||
|
|
title: "Layout Elements/Accordion",
|
||
|
|
component: Accordion,
|
||
|
|
parameters: {
|
||
|
|
chromatic: {
|
||
|
|
modes: {
|
||
|
|
desktop: allModes["desktop"],
|
||
|
|
mobile: allModes["mobile"]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<Template let:args>
|
||
|
|
<Accordion {...args} label="Open Me!" open={false}>
|
||
|
|
<Button elem_id="btn" size="lg">test</Button>
|
||
|
|
</Accordion>
|
||
|
|
</Template>
|
||
|
|
|
||
|
|
<Story name="Accordion Layout" />
|