gradio/js/gallery
Hannah bf6bbd971a
Add min/max-imize button to gr.Image and gr.Gallery (#8964)
* add max/min-imize and zoom in and out to image preview

* add full screen icon to gallery

* add stories

* add changeset

* use native full screen api

* remove zoom in/out

* add changeset

* tweaks

* remove zoom prop

* fix ui test

* add annotated image btns

* add changeset

* format

* ruff format

* fix test

* remove

* tweak

* fix test

* format

* amend bool check

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: pngwn <hello@pngwn.io>
2024-08-05 23:45:14 +01:00
..
shared Add min/max-imize button to gr.Image and gr.Gallery (#8964) 2024-08-05 23:45:14 +01:00
CHANGELOG.md chore: update versions (#8883) 2024-07-31 13:27:38 -07:00
Gallery.stories.svelte Add min/max-imize button to gr.Image and gr.Gallery (#8964) 2024-08-05 23:45:14 +01:00
Gallery.test.ts Adds a gr.DownloadButton component (#7518) 2024-02-28 12:07:36 -08:00
Index.svelte Add min/max-imize button to gr.Image and gr.Gallery (#8964) 2024-08-05 23:45:14 +01:00
package.json chore: update versions (#8883) 2024-07-31 13:27:38 -07:00
README.md Version 4 development branch (#5498) 2023-10-31 04:46:02 +00:00

@gradio/gallery

<script>
	import { BaseGallery } from "@gradio/gallery";
</script>

BaseGallery

	export let show_label = true;
	export let label: string;
	export let root = "";
	export let root_url: null | string = null;
	export let value: { image: FileData; caption: string | null }[] | null = null;
	export let columns: number | number[] | undefined = [2];
	export let rows: number | number[] | undefined = undefined;
	export let height: number | "auto" = "auto";
	export let preview: boolean;
	export let allow_preview = true;
	export let object_fit: "contain" | "cover" | "fill" | "none" | "scale-down" =
		"cover";
	export let show_share_button = false;
	export let show_download_button = false;
	export let i18n: I18nFormatter;
	export let selected_index: number | null = null;