Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

image

v1.0.5arrow_drop_down
v1.0.5
v1.0.4
v1.0.0
STATUS
Passing
DOWNLOADS
385
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
9 months ago
SIZE
11 KB
Image component
1 contributor
Use image in your project ?
Copied
npm i @bit/dennisdigital.components.atoms.image
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right
Image ()

Image component

Properties
NameTypeDefault value
src
string''
srcSet
Object{}
sizes
string''
alt
string''
backgroundImage
boolfalse
backgroundRatio
number56.5
width
number | string''
height
number | string''
onClick
function() => {}
extraClassNames
Object{}
context
{}{}
Test Summary

should render without any props

Pass

rendering correctly

Pass

being of the right type

Pass

rendering correctly

Pass

being of the right type

Pass

rendering correctly

Pass

being of the right type

Pass

rendering correctly

Pass

being of the right type

Pass

rendering correctly

Pass

being of the right type

Pass

rendering correctly

Pass

being of the right type

Pass

working correctly on click

Pass

working correctly on key up

Pass

being of the right type

Pass

checks LazyLoad component is loaded

Pass

checks LazyLoad placeholder

Pass

working correctly on click

Pass

check extraClassNames props type

Pass