Pixboost
Search…
Non-responsive images
There is an Image component that you can use to render a standard image.
Example:
1
//This is a reusable configuration
2
const pixboostConfig = {
3
apiKey: 'MTg4MjMxMzM3MA__',
4
domain: 'pixboost.com'
5
};
6
7
class YourComponent extends Component {
8
render() {
9
return (
10
<Image src={'https://cdn.pixabay.com/photo/2016/05/10/15/29/bear-1383980_960_720.jpg'}
11
alt={'lazy bear'}
12
config={pixboostConfig}
13
op={'resize?size=200'}
14
/>
15
)
16
}
17
}
Copied!
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 2yr ago
Copy link