Breaking News: Grepper is joining You.com. Read the official announcement!

set background image in material ui

Sam Schoenberg answered on April 27, 2020 Popularity 10/10 Helpfulness 8/10

answer set background image in material ui

related set background image in material ui

set background image in material ui

Comment

import React from 'react';

import Paper from 'material-ui/Paper';

import IconButton from 'material-ui/IconButton';
import ActionHome from 'material-ui/svg-icons/action/home';

import Image from '../img/main.jpg'; // Import using relative path


const styles = {
    paperContainer: {
        backgroundImage: `url(${Image})`
    }
};

export default class Home extends React.Component{
    render(){
        return(
            <Paper style={styles.paperContainer}>
                Some text to fill the Paper Component
            </Paper>
        )
    }
}

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: stackoverflow.com

Tags: background-image javascript material-ui set

Link to this answer
Share Copy Link

Contributed on Apr 27 2020

Sam Schoenberg

0 Answers Avg Quality 2/10

Closely Related Answers

set background image in material ui

Comments(1)

const styles = {
    paperContainer: {
        backgroundImage: `url(${Image})`

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: background-image javascript material-ui set

Link to this answer
Share Copy Link

Contributed on Jan 26 2022

Horrible Heron

0 Answers Avg Quality 2/10

set background image in material ui

Comment

 sx={{ backgroundImage: `url(${Image.src})`}}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: background-image javascript material-ui set

Link to this answer
Share Copy Link

Contributed on May 15 2022

Kashif Siddique

0 Answers Avg Quality 2/10

set background image in material ui

Contents

More Related Answers

set background image in material ui

Closely Related Answers

set background image in material ui

set background image in material ui

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.