Docs · SDK · SolidJS

Install Brevwick in SolidJS.

Copy-paste the snippets below. Replace pk_test_demo with the public key from your project — find it under Project settings → Keys.

1. Install

Install the adapter alongside the core SDK.

npm install @tatlacas/brevwick-solid @tatlacas/brevwick-sdk

2. Wire the SDK

src/App.tsxTSX

import { BrevwickProvider, FeedbackButton } from '@tatlacas/brevwick-solid';

const config = { projectKey: 'pk_test_demo' };

export default function App() {
  return (
    <BrevwickProvider config={config}>
      {/* your app */}
      <FeedbackButton position="bottom-right" />
    </BrevwickProvider>
  );
}

src/components/ReportLink.tsxTSX

import { useFeedback } from '@tatlacas/brevwick-solid';

export function ReportLink() {
  const { submit, status } = useFeedback();

  return (
    <button
      type="button"
      disabled={status() === 'submitting'}
      onClick={() => submit({ description: 'Triggered from a custom control' })}
    >
      {status() === 'submitting' ? 'Sending…' : 'Send feedback'}
    </button>
  );
}

Verify

  • Run `vite` and open the app.
  • Click the floating feedback button.
  • Submit a test issue.
  • Confirm the issue lands in /app/issues.

Full guide: /docs/sdk/solid

Published packages

Browse the registry for version history, source, and download counts.