There is an Image
component that you can use to render a standard image.
Example:
//This is a reusable configurationconst 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. |