24 lines
444 B
Svelte
24 lines
444 B
Svelte
<script lang="ts">
|
|
export let field = ""
|
|
export let active_field = ""
|
|
export let asc = true
|
|
export let sort_func: (field: string) => void
|
|
</script>
|
|
|
|
<button class:button_highlight={active_field === field} on:click={() => sort_func(field)}>
|
|
{#if active_field === field}
|
|
{#if asc}↓{:else}↑{/if}
|
|
{/if}
|
|
<slot></slot>
|
|
</button>
|
|
|
|
<style>
|
|
button {
|
|
display: block;
|
|
margin: 0;
|
|
line-height: 1em;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
</style>
|