forked from starlight/keydisplay
14 lines
371 B
Svelte
14 lines
371 B
Svelte
<!-- generic "key" -->
|
|
<script>
|
|
export let label = "";
|
|
export let code = "";
|
|
export let pressed = false;
|
|
|
|
// Optional: Add press animation
|
|
import { quintOut } from "svelte/easing";
|
|
import { crossfade } from "svelte/transition";
|
|
</script>
|
|
<link rel="stylesheet" href="/global.css">
|
|
<div class="key" class:pressed={pressed} data-keycode={code}>
|
|
{label}
|
|
</div> |