Hover Follower

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

Usage

<script lang="ts">
    import { Card, HoverFollower } from "@dxdns/feflow"
</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;" orientation="horizontal" bgColor="green">
    {#each Array.from(Array(5)) as _, i}
        <Card variant={i % 2 ? "contained" : "outlined"}>
            <div>
                <h4>test {i}</h4>
                <p>test {i}</p>
            </div>
        </Card>
    {/each}
</HoverFollower>