Intureact

Components covered

• Accordion
• Alert
• Badge
  • Active Badge
  • Badge
  • Status Badge
• Breadcrumb
• Button
• Card
• Checkbox
• Chip
• Counter Tabs
• CustomGrid
• Date Pickers
  • Date Popper
  • Date Picker
  • Date Range Picker
  • Date Time Picker
  • Date Time Range Picker
  • Time Picker
  • Time Range Picker
• Dialog
• Dropdown
• Filter
• Form Component
• Header
• Icon Button
• Label
• Loaders
  • Global Loader
  • Page Loader
• Pagination
• Persistent Drawer
• Radio
• Refresh
• Roles Table (table with checkboxes to edit and add roles and permissions)
• Search Box
• Select Display Items Dialog
• Sidebar Menu
• SplitButton
• Switch
• Table
  • Collapsable Table
  • Table
• Tabs
• Textarea
• Textbox
• ThemeProvider
• Toast
• Tooltip

To install and save in your package.json dependencies, run:

npm i https://gitlab.com/intuginetech/common/ui/intureact.git#integration

This package has following dependencies :

"@material-ui/core": "^4.11.3", "@material-ui/icons": "^4.11.2", "@material-ui/lab": "^4.0.0-alpha.57"

Intureact was designed with the Poppins font in mind. So be sure to follow these instructions. For instance, via Google Fonts:

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Source+Sans+Pro&display=swap");

Code in index.js

import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import { IntugineThemeProvider } from "intureact"; > ReactDOM.render( <IntugineThemeProvider> <App /> </IntugineThemeProvider>, document.getElementById('root') );

Code in App.js

import { Button } from "intureact"; > function App() { return ( <div className="App"> <Button text="Intugine Material" variant="outlined"/> </div> ); } > export default App;