Voxgig Model React is a library of model-driven React Enterprise UI components.
npm install @voxgig/model-reactVoxgig Model React is a library of model-driven React Enterprise UI components.
```
npm install @voxgig/model-react
.``
git clone git@github.com:voxgig/model-react.git
cd model-react/examples/basic-app
Install it and run:
``
npm install
npm run dev
Model React components are built on top of Material UI, so it should be fairly easy to customize it with your theme.
Here's an example of how to change the color palette of your app:
1. First create your custom theme:
`javascript`
import { createTheme } from '@mui/material'
const customTheme = createTheme({
palette: {
mode: 'dark',
background: {
default: '#191c29',
paper: '#262937'
},
primary: {
main: red[500]
}
}
})
2. Pass your theme to the context variable, make sure to wrap your components in ThemeProvider:
`javascript
const ctx = () => ({
...
theme: customTheme,
...
})
...
`
You can see a full example of this in examples/basic-app/src/private/Private.tsx
``
git clone git@github.com:voxgig/model-react.git
cd model-react
npm run watch
* You can format by running npm run formatnpm run lint`
* You can lint and format by running