@yandex/ui/Image/__examples__/sizes-srcset.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SizesAndSrcset = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Image_1 = require("@yandex-lego/components/Image");
var SizesAndSrcset = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
    react_1.default.createElement(Image_1.Image, { src: require('../Image.assets/img-700w.png') }),
    react_1.default.createElement("br", null),
    react_1.default.createElement("br", null),
    react_1.default.createElement("pre", null, 'srcSet="path/to/image-700w.png 700w,\n        path/to/image-540w.png 540w"\n' +
        'sizes="(max-width: 700px) 100vw, 700px"'),
    react_1.default.createElement(Image_1.Image, { src: require('../Image.assets/img-700w.png'), srcSet: require('../Image.assets/img-700w.png') +
            ' 700w, ' +
            require('../Image.assets/img-540w.png') +
            ' 540w', sizes: "(max-width: 700px) 100vw, 700px" }))); };
exports.SizesAndSrcset = SizesAndSrcset;