Image Trail Demo

1import { ImageTrail } from "@/registry/loomui/image-trail"
2 
3/** Stock photography, so the demo shows what real sources look like. */
4const IMAGES = [
5  "https://picsum.photos/id/1015/400/400",
6  "https://picsum.photos/id/1025/400/400",
7  "https://picsum.photos/id/1039/400/400",
8  "https://picsum.photos/id/1043/400/400",
9  "https://picsum.photos/id/1062/400/400",
10  "https://picsum.photos/id/1074/400/400",
11]
12 
13export default function ImageTrailDemo() {
14  return (
15    <ImageTrail
16      images={IMAGES}
17      className="grid h-64 w-full max-w-2xl place-items-center rounded-xl border"
18      imageClassName="size-24 rounded-xl"
19    >
20      <p className="text-muted-foreground pointer-events-none text-sm">
21        Move the pointer across this panel.
22      </p>
23    </ImageTrail>
24  )
25}