my-collapse

Lit web component <pdf-input-maker> with an optional React wrapper export.

Install

npm install my-collapse
# or
pnpm add my-collapse

Usage (Web Component)

import 'my-collapse'; // registers <pdf-input-maker>

// In HTML
// <pdf-input-maker placeHolder="Type here" buttonText="Go"></pdf-input-maker>

Listen for the custom event:

document.addEventListener('onClickButton', (e) => {
  console.log('clicked', e.detail);
});

Usage (React)

import { PDFButton } from 'my-collapse/react';

export function Demo() {
  return <PDFButton placeHolder="Type here" buttonText="Go" onClickButton={e => console.log(e.detail)} />;
}

The React build uses @lit/react createComponent helper and re-exports proper TypeScript props.

Exports Map

• my-collapse -> ESM bundle, registers the custom element, exports the PDFinputMaker class.
• my-collapse/react -> React wrapper PDFButton component.

Development

npm run dev    # Vite playground (optionally create an index.html that imports the component)
npm run build  # tsup build to dist

Publishing

1. Update version in package.json (respect semver).
2. Run npm run build.
3. Run npm publish --access public.

License

MIT