<script>
  import { Chip } from "smelte";

  let closed = false;
  let clicked = false;
</script>

<Chip
  icon="face"
  removable
  selectable
  on:close={() => closed = true}
  on:click={() => clicked = true}
>test</Chip>

<script>
  import { Chip } from "smelte";

  let closed = false;
  let clicked = false;
</script>

<Chip
  icon="pan_tool"
  outlined
  removable
  selectable
  on:close={() => closed = true}
  on:click={() => clicked = true}
>Cats</Chip>
<Chip
  icon="print"
  outlined
  removable
  selectable
  on:close={() => closed = true}
  on:click={() => clicked = true}
>Dogs</Chip>
<Chip
  icon="pageview"
  outlined
  removable
  selectable
  on:close={() => closed = true}
  on:click={() => clicked = true}
>Plants</Chip>
<Chip
  icon="pets"
  outlined
  removable
  selectable
  on:close={() => closed = true}
  on:click={() => clicked = true}
>Parents</Chip>