Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
  ..
  Image.tsx
  README.md
  index.ts
  renderProps.tsx
  styled.tsx
  typings.ts
Size: Mime:

#PROPS:

  • src
  • alt
  • width | height (optional)
  • isBackground:boolean (true | false) => this will replace the img tag with div tag and render the src with background's url
  • nowrap (disable the wrapper)

#STATES:

  • isLoaded

#Just Image Tag -> Banners, Posters, Pictures/Gallery

#Image tag with background color -> Product Image, Avatar, Thumbnails (if the user loads small image then they can easily identified since the image will be aligned center)

-> For the background => shape may be changed like circle / rectangle and with radius / square

#Image as Background (rendering through CSS mostly preferred for responsize resizing) -> Fixed Page Backgrounds ( like we have in the page)