How to interact and use components

To interacting with the Shared library components the Shred library must be installed

Prerequisite

https://kanasoftware.jira.com/wiki/x/0oGiFwE

Upgrades

Components are devided into 3 groups

Components - These are the comoponents which are currently in use
Components MUI6 - These are the components which are getting upgraded to MUI 4 version
Depricated - These are the components which are already moved to MUI4

How to import

Components

import { Button, LuxStylesProvider } from '@verint/shared-react-components';

import '@verint/lux_icon_font/verint_lux.css';

Components MUI6

import { SelectV2 } from '@verint/shared-react-components';

Depricated

Not Recomended to use

If an underuse component is moved to depricated then it is recomended to move that component to latest version.

How to implement

Components

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;

Components MUI6

function App() {
  return (
    <SelectV2>
        <MenuItem value={10} key={10}>
          Ten
        </MenuItem>
        <MenuItem value={20} key={20}>
          Twenty
        </MenuItem>
        <MenuItem value={30} key={30}>
          Thirty
        </MenuItem>
        <MenuItem value={40} key={40}>
          Fourty
        </MenuItem>
        <MenuItem value={50} key={50}>
          Fifty
        </MenuItem>
        <MenuItem value={60} key={60}>
          Sixty
        </MenuItem>
        </SelectV2>
  );
}

export default App;