Usage no npm install needed!

<script type="module">
  import reactFitImage from 'https://cdn.skypack.dev/react-fit-image';
</script>

README

react-fit-image

This module fits images of any size into a container so aesthetically. Please refer examples and use cases.

Move away from the tiresome ways of stretching, scaling and resizing of images to fit into a container.

<Image
  imgProps={{
    src:"path/img.png",
    alt:"profile",
    title:"profile"
  }}
  width="300px"
  height="200px"
  borderRadius="10%"
/>

props	default value / use	description
imgProps	{src="path/img.png",alt:"profile",title="profile"}	pass html props for image
width	"200px" or relative size	width of container
height	"200px" or relative size	height of container
blur	"8px"	background blur value
borderRadius	0px	border radius for container