Files
reiverr/src/lib/components/IconButton.svelte

20 lines
400 B
Svelte

<script lang="ts">
import classNames from 'classnames';
export let disabled = false;
</script>
<button
class={classNames(
'text-zinc-300 hover:text-zinc-50 p-1 flex items-center justify-center selectable rounded-sm flex-shrink-0',
{
'opacity-30 cursor-not-allowed pointer-events-none': disabled,
'cursor-pointer': !disabled
},
$$restProps.class
)}
on:click
>
<slot />
</button>