decentraland-ui
Version:
Decentraland's UI components and styles
56 lines (55 loc) • 3.68 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.WithErrorWarningOrInfo = exports.WithLabelInForm = exports.WithLabelAndMaxLength = exports.WithoutLabelAndMaxLength = exports.WithTooltip = exports.WithLabel = exports.WithoutLabelInForm = exports.WithoutLabel = exports.Placeholder = void 0;
var react_1 = __importDefault(require("react"));
var TextAreaField_1 = require("./TextAreaField");
var Form_1 = __importDefault(require("semantic-ui-react/dist/commonjs/collections/Form/Form"));
var textAreaValue = 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
"Lorem Ipsum has been the industry's standard dummy text ever since the 1500s" +
', when an unknown printer took a galley of type and scrambled';
var meta = {
title: 'TextArea',
component: TextAreaField_1.TextAreaField
};
exports.default = meta;
exports.Placeholder = {
render: function () { return (react_1.default.createElement(TextAreaField_1.TextAreaField, { placeholder: textAreaValue, rows: "10", cols: "50" })); }
};
exports.WithoutLabel = {
render: function () { return react_1.default.createElement(TextAreaField_1.TextAreaField, { value: textAreaValue, rows: "10", cols: "50" }); }
};
exports.WithoutLabelInForm = {
render: function () { return (react_1.default.createElement(Form_1.default, null,
react_1.default.createElement(TextAreaField_1.TextAreaField, { value: textAreaValue, rows: "10", cols: "50" }))); }
};
exports.WithLabel = {
render: function () { return (react_1.default.createElement(TextAreaField_1.TextAreaField, { value: textAreaValue, label: "Description", rows: "10", cols: "50" })); }
};
exports.WithTooltip = {
render: function () { return (react_1.default.createElement(TextAreaField_1.TextAreaField, { value: textAreaValue, label: "Description", rows: "10", cols: "50", maxLength: 300, tooltip: {
content: 'This is a tooltip',
position: 'top center'
} })); }
};
exports.WithoutLabelAndMaxLength = {
render: function () { return (react_1.default.createElement(TextAreaField_1.TextAreaField, { maxLength: 300, value: textAreaValue, rows: "10", cols: "50" })); }
};
exports.WithLabelAndMaxLength = {
render: function () { return (react_1.default.createElement(TextAreaField_1.TextAreaField, { maxLength: 300, label: "Description", value: textAreaValue, rows: "10", cols: "50" })); }
};
exports.WithLabelInForm = {
render: function () { return (react_1.default.createElement(Form_1.default, null,
react_1.default.createElement(TextAreaField_1.TextAreaField, { value: textAreaValue, label: "Description", rows: "10", cols: "50" }))); }
};
exports.WithErrorWarningOrInfo = {
render: function () { return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(TextAreaField_1.TextAreaField, { value: textAreaValue, maxLength: 300, label: "Description", rows: "10", cols: "50", error: "An error occurred" }),
react_1.default.createElement("br", null),
react_1.default.createElement(TextAreaField_1.TextAreaField, { value: textAreaValue, maxLength: 300, label: "Description", rows: "10", cols: "50", warning: "There's a warning!" }),
react_1.default.createElement("br", null),
react_1.default.createElement(TextAreaField_1.TextAreaField, { value: textAreaValue, maxLength: 300, label: "Description", rows: "10", cols: "50", info: "This is some information" }),
react_1.default.createElement("br", null))); }
};