Customising Component Style

You can customise the styling of any of the components offered by RapidAdminReact®

CSS in JS

Just like the Material UI, RapidAdminReact® uses JSS for adding additional classes to the components. We use the same functions used by Material UI so that the developers feel at home and do not have to learn anything new while working with RapidAdminReact®. Here is how you can create additional classes and assign them to a component to add additional styling to a component.


import { RapidPreLoader } from '../../'
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles ( ( ) =>
    ( {
        preloader: {
            position: 'absolute',
        }, 
    } )
);

export default function OverideStyle () {
    return (
        <RapidPreLoader className={classes.preloader} loaderColor ='primary' />
    )
}
   

More information on how to use JSS can be found on the JSS website


Theming
Using Layouts