Non-responsive images
There is an
Image
component that you can use to render a standard image.Example:
//This is a reusable configuration
const pixboostConfig = {
apiKey: 'MTg4MjMxMzM3MA__',
domain: 'pixboost.com'
};
class YourComponent extends Component {
render() {
return (
<Image src={'https://cdn.pixabay.com/photo/2016/05/10/15/29/bear-1383980_960_720.jpg'}
alt={'lazy bear'}
config={pixboostConfig}
op={'resize?size=200'}
/>
)
}
}
Properties (mandatory properties marked with *):
Property | Type | Default | Description |
---|---|---|---|
src* | String | | URL of the original image |
config* | Object | | Configuration |
alt | String | | alt text for an image |
lazy | Boolean | true | If true, then will enable lazy loading for the image. |
Last modified 5mo ago