Preview

test

test

test

test

test 0

test 0

test 1

test 1

test 2

test 2

test 3

test 3

test 4

test 4

Code

<script lang="ts">
  import { Card, HoverFollower } from "@fefade/svelte"
</script>

<HoverFollower>
  <Card>
    <div>
      <h4>test</h4>
      <p>test</p>
    </div>
  </Card>
  <Card>
    <div>
      <h4>test</h4>
      <p>test</p>
    </div>
  </Card>
</HoverFollower>

<HoverFollower
  style="gap: 1rem; flex-wrap: wrap; align-items: baseline;"
  orientation="horizontal"
  bgColor="green"
>
  {#each Array.from(Array(5)) as _, i (i)}
    <Card variant={i % 2 ? "contained" : "outlined"}>
      <div>
        <h4>test {i}</h4>
        <p>test {i}</p>
      </div>
    </Card>
  {/each}
</HoverFollower>