How to install and Use Shared library

Getting Started

1. Create a new React application by running the following command:

   npx create-react-app sharedreacttest
   cd sharedreacttest

2. Create npm config with Verint private npm registry:

   echo "@verint:registry=http://atlartifactory:8081/artifactory/api/npm/npm-local">.npmrc

3. Install the Verint React Component Library package:

   npm install @verint/shared-react-components

1. Sample code for a Button component with LUX styles, replace sharedreacttest\src\app.js code with the following:

import React from 'react';
import { Button, LuxStylesProvider } from '@verint/shared-react-components';
import '@verint/lux_icon_font/verint_lux.css';

function App() {
  return (
    <LuxStylesProvider>
      <Button className="verint-btn-regular">Verint React Button</Button>
    </LuxStylesProvider>
  );
}

export default App;

5. Run the application on your local environment:

   npm start

6. New browser tab will be opened at http://localhost:3000 with your app loaded

7. Congratulations! 😄 You've created your first LUX React app with Verint React Component Library