alpha · @scout-ui/react

StickerPeel playground

Reveal layered content with directional intent.

Live · bounded

StickerPeel preview

Peel the idea.

CodeAI Prompt · M15

Deterministic React output

Generated code

Plain TSX ready

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

export default function StickerPeelExample() {
  return (
    <StickerPeel
      front={
        <article>
          <h2>Front layer</h2>
          <p>Peel for the detail.</p>
        </article>
      }
      back={
        <article>
          <h2>Revealed layer</h2>
          <p>Complete semantic content.</p>
        </article>
      }
      drag
    />
  );
}