gradio/js/image
Hannah 16b820038d
Fix gr.Image height inconsistencies (#8852)
* * prevent source selection cut off
* add height:100% to image-container
* ensure elements are centered

* add changeset

* add changeset

* change cover to contain

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
2024-07-22 11:27:06 -07:00
..
shared Fix gr.Image height inconsistencies (#8852) 2024-07-22 11:27:06 -07:00
CHANGELOG.md chore: update versions (#8663) 2024-07-12 11:54:28 -07:00
Example.svelte Refactors get_fetchable_url_or_file() to remove it from the frontend (#7528) 2024-02-26 13:01:00 -08:00
Image.stories.svelte Migrate to Storybook 8 (#7743) 2024-03-19 11:22:21 -07:00
Image.test.ts Version 4 development branch (#5498) 2023-10-31 04:46:02 +00:00
ImageExample.stories.svelte Refactors get_fetchable_url_or_file() to remove it from the frontend (#7528) 2024-02-26 13:01:00 -08:00
Index.svelte Add .input() events to gr.Audio and gr.Image (#8836) 2024-07-18 23:17:13 -07:00
package.json chore: update versions (#8663) 2024-07-12 11:54:28 -07:00
README.md Version 4 development branch (#5498) 2023-10-31 04:46:02 +00:00

@gradio/image

<script>
	import { BaseImageUploader, BaseStaticImage, Webcam, BaseExample } from "@gradio/image";
</script>

BaseImageUploader

	export let sources: ("clipboard" | "webcam" | "upload")[] = [
		"upload",
		"clipboard",
		"webcam"
	];
	export let streaming = false;
	export let pending = false;
	export let mirror_webcam: boolean;
	export let selectable = false;
	export let root: string;
	export let i18n: I18nFormatter;

BaseStaticImage

	export let value: null | FileData;
	export let label: string | undefined = undefined;
	export let show_label: boolean;
	export let show_download_button = true;
	export let selectable = false;
	export let show_share_button = false;
	export let root: string;
	export let i18n: I18nFormatter;

Webcam

	export let streaming = false;
	export let pending = false;

	export let mode: "image" | "video" = "image";
	export let mirror_webcam: boolean;
	export let include_audio: boolean;
	export let i18n: I18nFormatter;

BaseExample

	export let value: string;
	export let samples_dir: string;
	export let type: "gallery" | "table";
	export let selected = false;