Adds transitions to category show/hide

This commit is contained in:
Alicia Sykes
2023-04-22 21:02:39 +01:00
parent e93451121d
commit 281021fd12

View File

@@ -1,10 +1,11 @@
<script lang="ts"> <script lang="ts">
import { slide } from 'svelte/transition';
export let categories: string[]; export let categories: string[];
export let selectedCategories: string[]; export let selectedCategories: string[];
export let toggleCategory: (category: string) => void; export let toggleCategory: (category: string) => void;
</script> </script>
<div class="categories"> <div class="categories" transition:slide>
{#each Object.keys(categories) as category} {#each Object.keys(categories) as category}
<span <span
on:click={() => toggleCategory(category)} on:click={() => toggleCategory(category)}