@digdir/brui-ui

React chat component for interaction with a brui-powered application.

Install

npm install @digdir/brui-ui

Usage

import { Brui } from '@digdir/brui-ui';
import '@digdir/brui-ui/style.css';
import type { Configuration, FunctionRegistry } from '@digdir/brui-client';

const config: Configuration = { /* your config */ };
const functions: FunctionRegistry = { /* your function registry */ };

function App() {
  return (
    <Brui
      config={config}
      functions={functions}
      context={{ key: 'value' }}   // optional extra context
      includePageContext            // optional: send visible page text to the model
    />
  );
}

When config.transcribe is set, a microphone button appears in the input row and lets users dictate messages via any Whisper-compatible endpoint. Animation, error handling, and accessibility live regions are built in. Requires HTTPS (or localhost) for getUserMedia.

See the root README for full integration details.