Files
cobalt/web/src/components/save/buttons/ClearButton.svelte
2024-08-20 21:17:33 +06:00

30 lines
543 B
Svelte

<script>
import { t } from "$lib/i18n/translations";
import IconX from "@tabler/icons-svelte/IconX.svelte";
export let click;
</script>
<button
id="clear-button"
on:click={click}
aria-label={$t("a11y.save.clear_input")}
>
<IconX />
</button>
<style>
#clear-button {
padding: 3px;
border-radius: 100%;
}
#clear-button :global(svg) {
width: 16px;
height: 16px;
stroke-width: 2px;
stroke: var(--secondary);
will-change: transform;
}
</style>