The following macros are not currently supported in the header:

style

How to install and Use Shared library

Getting Started

Create a new React application by running the following command:
npx create-react-app sharedreacttest cd sharedreacttest
Create npm config with Verint private npm registry:
echo "@verint:registry=http://atlartifactory:8081/artifactory/api/npm/npm-local">.npmrc
Install the Verint React Component Library package:
npm install @verint/shared-react-components

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;

Run the application on your local environment:
npm start
New browser tab will be opened at http://localhost:3000 with your app loaded

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