@yandex/ui/Image/__examples__/playground.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Playground = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var addon_knobs_1 = require("@storybook/addon-knobs");
var Image_1 = require("@yandex-lego/components/Image");
var Playground = function () {
    var url = addon_knobs_1.text('url', 'static/media/img-700w.1b0180bb.png');
    var alt = addon_knobs_1.text('alt', 'Альтернативный текст');
    var width = addon_knobs_1.number('width', 700);
    var height = addon_knobs_1.number('height', 268);
    var borderRadius = addon_knobs_1.number('borderRadius', 5);
    var sizes = addon_knobs_1.text('sizes', '(max-width: 600px) 200px, 75vw');
    var srcSet = addon_knobs_1.text('srcSet (file)', url + ' 700w');
    var fallback = addon_knobs_1.text('fallback src', '');
    var ariaLabel = addon_knobs_1.text('aria-label', 'Image description');
    return (react_1.default.createElement(Image_1.Image, { src: url, alt: alt, width: width, height: height, borderRadius: borderRadius, srcSet: srcSet, sizes: sizes, fallbackSrc: fallback, ariaLabel: ariaLabel }));
};
exports.Playground = Playground;