gradio/js/multimodaltextbox/MultimodalTextboxExample.stories.svelte
Dawood Khan 15da39fca0
Multimodal Textbox (Chat Input Component) (#7420)
* first pass

* multimodal textbox

* add changeset

* remove file

* more changes

* changes

* add changeset

* revert demo

* doc strings fix

* update demo

* file icons

* more updates

* format

* add story

* remove doc line

* type fixes

* chat interface

* new demo

* image upload fix

* ui changes

* addressing PR comments

* format

* type check

* more pr fixes

* format

* format

* test fixes

* test fixes

* Streaming fixes + other stuff

* optional keys to dict value

* final fixes

* notebook

* format

* Update guides/04_chatbots/01_creating-a-chatbot-fast.md

Co-authored-by: Abubakar Abid <abubakar@huggingface.co>

* Update guides/04_chatbots/01_creating-a-chatbot-fast.md

Co-authored-by: Abubakar Abid <abubakar@huggingface.co>

* Update guides/04_chatbots/01_creating-a-chatbot-fast.md

Co-authored-by: Abubakar Abid <abubakar@huggingface.co>

* merge

* backend fixes

* story fix

* ui test fix

* format

* story

* format

* demo fix

* streaming test fix

* stories fix

* stories fix

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
2024-03-19 13:16:05 -07:00

28 lines
465 B
Svelte

<script>
import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
import MultimodalTextbox from "./Example.svelte";
</script>
<Meta
title="Components/MultimodalTextbox/Example"
component={MultimodalTextbox}
/>
<Template let:args>
<MultimodalTextbox {...args} />
</Template>
<Story
name="Text value"
args={{
value: { text: "the quick brown fox", files: [] }
}}
/>
<Story
name="Empty Value"
args={{
value: { text: "", files: [] }
}}
/>