Parameters

value: A stringified JSON object of type IAnswerModel.

Usage

Add Script to HTML Header

Include the following script in your HTML header:

<script type="module" src="https://unpkg.com/[email protected]/dist/assets/index.js" crossorigin></script>

<verigor-answer-renderer value="Stringified Object"></verigor-answer-renderer>

Use Library in a React.js App

To integrate verigor-answer-renderer into a React.js application:

1. Install the package via npm:

   npm install verigor-answer-renderer

2. Import the package in your React component:

   import 'verigor-answer-renderer';

3. Use the custom element in your React components:

   <verigor-answer-renderer value="Stringified Object"></verigor-answer-renderer>

Add Types for TypeScript React.js App

To enable TypeScript support, create a global types file (e.g., types.d.ts) and include the following:

declare namespace JSX {
    interface IntrinsicElements {
        'verigor-answer-renderer': React.DetailedHTMLProps<
            React.HTMLAttributes<HTMLElement>,
            HTMLElement
        > & {
            value?: string;
        };
    }
}

Models

The IAnswerModel interface defines the structure of the value parameter:

interface IAnswerModel {
    modifiedQuery?: string;
    fileName?: string;
    dataLimitationWarning?: string;
    codeExplanation?: string;
    answer?: string;
    createAt?: string;
    inProgress?: boolean;
    resultType?: string;
}