mirror of
https://github.com/gradio-app/gradio.git
synced 2025-01-06 10:25:17 +08:00
797621b81a
* changes * add changeset * add changeset * add changeset * changes * changes * restore altair * changes * changes * changes * changes * changes * changes * Update twenty-jokes-argue.md * changes * chanegs * changes * changes * changes * changes --------- Co-authored-by: Ali Abid <aliabid94@gmail.com> Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
80 lines
1.2 KiB
Svelte
80 lines
1.2 KiB
Svelte
<script context="module">
|
|
import { Template, Story } from "@storybook/addon-svelte-csf";
|
|
import PlotComponent from "./Index.svelte";
|
|
import { allModes } from "../storybook/modes";
|
|
import { matplotlib_plot } from "./testplot";
|
|
|
|
export const meta = {
|
|
title: "Components/Plot",
|
|
component: PlotComponent,
|
|
parameters: {
|
|
chromatic: {
|
|
modes: {
|
|
desktop: allModes["desktop"],
|
|
mobile: allModes["mobile"]
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<Template let:args>
|
|
<PlotComponent value="Plot" {...args} />
|
|
</Template>
|
|
|
|
<Story
|
|
name="with matplotlib value"
|
|
args={{
|
|
value: matplotlib_plot,
|
|
label: "Plot"
|
|
}}
|
|
/>
|
|
|
|
<!--
|
|
<Story
|
|
name="with line plot value"
|
|
args={{
|
|
value: line_plot
|
|
}}
|
|
parameters={{
|
|
chromatic: { delay: 1000 }
|
|
}}
|
|
/>
|
|
|
|
<Story
|
|
name="with multi-line plot value"
|
|
args={{
|
|
value: multi_line_plot
|
|
}}
|
|
parameters={{
|
|
chromatic: { delay: 1000 }
|
|
}}
|
|
/>
|
|
|
|
<Story
|
|
name="with scatter plot value"
|
|
args={{
|
|
value: scatter_plot
|
|
}}
|
|
parameters={{
|
|
chromatic: { delay: 1000 }
|
|
}}
|
|
/>
|
|
|
|
<Story
|
|
name="with bar plot value"
|
|
args={{
|
|
value: bar_plot
|
|
}}
|
|
parameters={{
|
|
chromatic: { delay: 1000 }
|
|
}}
|
|
/> -->
|
|
|
|
<Story
|
|
name="with no value"
|
|
args={{
|
|
label: "Plot"
|
|
}}
|
|
/>
|