vitra-auth-npm-pack v1.0.63

Translate Website (Web Translator)

A website translation sdk from Vitra.ai

Installation

Install with npm

  npm i vitra-auth-npm-pack

Usage/Examples

Import css file in _app.tsx

import 'vitra-web-translator/dist/esm/styles/index.css';
import type { AppProps } from 'next/app';

export default function App({ Component, pageProps }: AppProps) {
  return (
    <>
      <Component {...pageProps} />
    </>
  );
}

Create a Common Component

import React, { FC, ReactNode } from 'react';
import { VitraWebTranslator } from 'vitra-web-translator';

type Props = {
  children: ReactNode,
};

const Layout: FC<Props> = ({ children }) => {
  return (
    <VitraWebTranslator
      apiKey="vitra.VjopflOAtjF9coT7U3_*********_*"
      glossaryId="*************"
      position="center-right"
      theme="dark"
    >
      {children}
    </VitraWebTranslator>
  );
};

export default Layout;

Use the common component anywhere in your app

import React from 'react';
import Layout from './Layout';

const Demo = () => {
  return (
    <Layout>
      <h1>This is a demo component</h1>
    </Layout>
  );
};

export default Demo;

Props

Support

For support, email support@vitra.ai.