gradio

1
<script lang="ts">
2
	import { createEventDispatcher } from "svelte";
3
	import { IconButton } from "@gradio/atoms";
4
	import { Clear } from "@gradio/icons";
5

6
	const dispatch = createEventDispatcher();
7
</script>
8

9
<div>
10
	<IconButton
11
		Icon={Clear}
12
		label="Remove Image"
13
		on:click={(event) => {
14
			dispatch("remove_image");
15
			event.stopPropagation();
16
		}}
17
	/>
18
</div>
19

20
<style>
21
	div {
22
		display: flex;
23
		position: absolute;
24
		top: var(--size-2);
25
		right: var(--size-2);
26
		justify-content: flex-end;
27
		gap: var(--spacing-sm);
28
		z-index: var(--layer-5);
29
	}
30
</style>
31