- style
How to interact and use components
- Sumant
- dana lees kunik
To interacting with the Shared library components the Shred library must be installed
Prerequisite
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;