ng-elements-kit-sample

Throwaway proof-of-concept sample. Not for production use. No support. May be unpublished at any time.

An experiment: Angular (v20) components compiled to standard Web Components via Angular Elements (zoneless), wrapped in thin typed React components, packaged so an AI prototyping tool can import them as a design-system kit.

• ng-elements-kit-sample → typed React wrappers (this package root)
• ng-elements-kit-sample/elements → the raw custom-elements bundle
• ng-elements-kit-sample/styles → self-contained stylesheet (tokens + utilities)

Usage

import { Button, Badge, Checkbox } from "ng-elements-kit-sample";
import "ng-elements-kit-sample/styles";

<Button variant="primary" onClick={save}>Save</Button>
<Badge variant="success">Ready</Badge>
<Checkbox checked={agreed} onCheckedChange={setAgreed} />

See guidelines/Guidelines.md for the full component API.

React 18 host note: the wrappers handle the custom-element edges (string attributes, CustomEvent wiring via refs) so consumers see a normal React API.