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.

Responsive images

Configuration Object

Last modified 2yr ago

Copy link