decentraland-ui
Version:
Decentraland's UI components and styles
27 lines (26 loc) • 1.65 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.WithCustomProps = exports.WithMinMaxLimits = exports.CustomLabels = exports.Simple = void 0;
var react_1 = __importDefault(require("react"));
var Icon_1 = __importDefault(require("semantic-ui-react/dist/commonjs/elements/Icon/Icon"));
var RangeField_1 = require("./RangeField");
var meta = {
title: 'RangeField',
component: RangeField_1.RangeField
};
exports.default = meta;
exports.Simple = {
render: function () { return (react_1.default.createElement(RangeField_1.RangeField, { value: [], onChange: function (params) { return console.log(params); } })); }
};
exports.CustomLabels = {
render: function () { return (react_1.default.createElement(RangeField_1.RangeField, { minLabel: "MIN PRICE", maxLabel: "MAX PRICE", onChange: function (params) { return console.log(params); }, value: ['2', '4'] })); }
};
exports.WithMinMaxLimits = {
render: function () { return (react_1.default.createElement(RangeField_1.RangeField, { rangeLimitMin: 0, rangeLimitMax: 6, onChange: function (params) { return console.log(params); }, value: ['2', '4'] })); }
};
exports.WithCustomProps = {
render: function () { return (react_1.default.createElement(RangeField_1.RangeField, { rangeLimitMin: 0, rangeLimitMax: 6, onChange: function (params) { return console.log(params); }, value: ['2', '4'], minProps: { icon: react_1.default.createElement(Icon_1.default, { name: "search" }), iconPosition: 'left' } })); }
};