decentraland-ui
Version:
Decentraland's UI components and styles
30 lines (29 loc) • 1.69 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DefaultValues = exports.Error = exports.OnChange = exports.Basic = void 0;
var react_1 = __importDefault(require("react"));
var TagField_1 = require("./TagField");
var meta = {
title: 'TagField',
component: TagField_1.TagField
};
exports.default = meta;
exports.Basic = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(TagField_1.TagField, { label: "Tags (optional)", placeholder: "e.g. (outdoors furniture floor)" }))); }
};
exports.OnChange = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(TagField_1.TagField, { label: "Tags (optional)", placeholder: "e.g. (outdoors furniture floor)", onChange: function (_, props) { return alert(JSON.stringify(props.value)); } }))); }
};
exports.Error = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(TagField_1.TagField, { label: "Tags (optional)", placeholder: "e.g. (outdoors furniture floor)", message: "Something went wrong", error: true }))); }
};
exports.DefaultValues = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(TagField_1.TagField, { label: "Tags (optional)", placeholder: "e.g. (outdoors furniture floor)", value: ['genesis', 'city', 'town'] }))); }
};