kapma-make-kit-sample

⚠️ Throwaway sample — do NOT use in production. This package exists only to test importing a small React component kit into Figma Make. No support, no semver guarantees, and it may be unpublished without notice.

A minimal kit of three React UI primitives — Button, Badge, Checkbox — mirroring a V2 design library (pill-shaped orange buttons, soft tinted badges, brand-orange checkbox). They ship with a self-contained stylesheet (no Tailwind config required in the consumer).

Install

npm install kapma-make-kit-sample

Usage

import { Button, Badge, Checkbox } from "kapma-make-kit-sample";
import "kapma-make-kit-sample/styles"; // self-contained CSS (tokens + compiled utilities)

export default function Example() {
  return (
    <div>
      <Button>Primary</Button>
      <Button variant="secondary">Cancel</Button>
      <Button variant="destructive">Delete</Button>
      <Badge variant="success">Ready</Badge>
      <Checkbox defaultChecked />
    </div>
  );
}

• react and react-dom (v18) are peer dependencies, provided by the host app.
• The stylesheet is precompiled and self-contained: it carries the color tokens and the exact utility classes the three components use.