StickerStack playground

"use client";

import { StickerStack } from "@scout-ui/react";
import "@scout-ui/react/styles.css";

const items = [
  { id: "shape", title: "Give the idea a shape." },
  { id: "ship", title: "Ship the bounded version." },
  { id: "learn", title: "Learn from real use." },
  { id: "repeat", title: "Keep what sticks." },
] as const;

export default function StickerStackExample() {
  return (
    <StickerStack
      items={items}
      getKey={(item) => item.id}
      renderItem={(item) => (
        <article>
          <h2>{item.title}</h2>
        </article>
      )}
    />
  );
}