Material UI
Adds Material UI theme Provider to BlueRain.
Usage
Run the following command in the plugin directoy:
npm i --save @blueeast/bluerain-plugin-material-ui
Then in your boot function, pass the plugin like this:
import BR from '@blueeast/bluerain-os';
import MaterialUiPlugin from '@blueeast/bluerain-plugin-material-ui';
BR.boot({
plugins: [MaterialUiPlugin]
})
Components
None.
Filters
This plugin provides complete flexibility to modify the material ui theme. This is done by providing various filter hooks.
material-ui.theme
This hook gives the ability to modify the plugin configurations.
Parameters:
Name
Type
Description
theme
Object
Custom Theme
Returns:
Name
Type
Description
theme
Object
Custom Theme
Example:
This example customizes the theme to make the AppBar color red.
import BR from '@blueeast/bluerain-os';
BR.Filters.add(
'material-ui.theme',
function CustomTheme(theme) {
return Object.assign({}, theme, {
appBar: {
color: 'red'
}
})
}
);
API
MaterialUiPlugin
Extends Plugin
Material UI Plugin
Properties
Last updated