create table or collection from object list

packages/web/src/elements/CloseSearchButton.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import FontIcon from '../icons/FontIcon.svelte';
+
+  import InlineButton from './InlineButton.svelte';
+
+  export let filter;
+</script>
+
+{#if filter}
+  <InlineButton on:click={() => (filter = '')} title="Clear filter">
+    <FontIcon icon="icon close" />
+  </InlineButton>
+{/if}

packages/web/src/elements/InlineButton.svelte

@@ -2,6 +2,7 @@
   export let disabled = false;
   export let square = false;
   export let narrow = false;
+  export let title = null;
 
   let domButton;
 
@@ -10,7 +11,7 @@
   }
 </script>
 
-<div class="outer buttonLike" class:disabled class:square class:narrow on:click bind:this={domButton}>
+<div class="outer buttonLike" {title} class:disabled class:square class:narrow on:click bind:this={domButton}>
   <div class="inner">
     <slot />
   </div>