xxxxxxxxxx
<div styles={{ backgroundImage:`url(${car})` }}>
xxxxxxxxxx
style={{
backgroundImage: "url(" + "https://images.pexels.com/photos/34153/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350" + ")",
backgroundPosition: 'center',
backgroundSize: 'cover',
backgroundRepeat: 'no-repeat'
}}
xxxxxxxxxx
<div style={{ backgroundImage: "url(/assests/img/image.png)" }}>
Hello World
</div>
xxxxxxxxxx
<div
className="w-full h-48 bg-no-repeat bg-cover"
style={{ backgroundImage: "url(" + externalImageUrl + ")" }}
></div>
// or
import bg from "../public/bg.svg";
<div
style={{ backgroundImage: "url(" + bg.src + ")" }}
className="w-1/2 h-screen bg-no-repeat bg-cover bg-center"
></div>