Buenas noches estoy desarrollando un ToDo App en react con material-ui, y quiero que mi Navbar tenga una imagen de fondo, pero no encuentro una propiedad para hacerlo, ¿saben si existe alguna propiedad para hacerlo? Aquí coloco el código de mi componente, esperando me puedan ayudar, muchas gracias.
import React from 'react';
import {AppBar, Toolbar, Typography, makeStyles} from '@material-ui/core';
const useStyles = makeStyles(theme => ({
offset: theme.mixins.toolbar,
root: {
flexGrow: 1,
},
toolbar: {
minHeight: 128,
alignItems: 'flex-start',
paddingTop: theme.spacing(1),
},
title:{
flexGrow: 1,
alignSelf: 'flex-end',
},
}));
const Navbar = () => {
const classes = useStyles();
return (
<div className={classes.root}>
<AppBar position='static'>
<Toolbar className={classes.toolbar}>
<Typography className={classes.title} variant='h2'>
MI DÍA
<Typography className={classes.subtitle} variant='h6'>
Fecha
</Typography>
</Typography>
</Toolbar>
</AppBar>
<div className={classes.offset}></div>
</div>
)
}
export default Navbar
backgroundImage
en lugar debackground-image
?