AEROS Theme Library
An theme library for ELANY's new AEROS system.
Built with React and Material UI to allow developers to access the ELANY custom themes for a faster workflow.
Contents
Installation
Install
//with npm
npm install @aeros-ui/themes
//with yarn
yarn add @aeros-ui/themes
Update Package
//with npm
npm install @aeros-ui/themes@latest
//with yarn
yarn add @aeros-ui/themes@latest
Peer Dependencies
React
This package requires use of react version 17^ and react-dom version 17^
Material UI
This package requires use of Material UI version 5^
//with npm
npm install @emotion/react @emotion/styled @mui/material @mui/styles
//with yarn
yarn add @emotion/react @emotion/styled @mui/material @mui/styles
Themes
App Theme
Import
import { theme } from '@aeros-ui/themes'
import { ThemeProvider } from '@mui/material/styles'
Usage
The app theme will be used in App.js which contains app level overrides of Material UI components that will be the same through out the application.
<ThemeProvider theme={theme}>
...components for the application
</ThemeProvider>
Table Theme
The table theme will be used in the various table components in the application, which contains overrides for specific table level Material UI components.
Import
import { tableTheme } from '@aeros-ui/themes'
import { ThemeProvider } from '@mui/material/styles'
Usage
<ThemeProvider theme={tableTheme}>
<MaterialTable/>
</ThemeProvider>