1 contributor
Like
Install image as a package?
Copied
npm i @bit/dennisdigital.components.atoms.image
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example 
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.toggle layout
chevron_left
chevron_right
Image ()
Image component
Properties
| Name | Type | Default value |
|---|---|---|
src | string | '' |
srcSet | Object | {} |
sizes | string | '' |
alt | string | '' |
backgroundImage | bool | false |
backgroundRatio | number | 56.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 |