UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

28 lines (27 loc) 1.55 kB
import React from 'react'; import createClass from 'create-react-class'; import { Validation, TextField } from '../../../index'; export default createClass({ render() { return (React.createElement("div", null, React.createElement("p", null, "Text field with error (method 1)"), React.createElement(Validation, { Error: 'Error One' }, React.createElement(TextField, { value: 'Text Field Text' })), React.createElement("br", null), React.createElement("p", null, "Text field with error (method 2)"), React.createElement(Validation, null, React.createElement(Validation.Error, null, React.createElement("span", null, "Error Two")), React.createElement(TextField, { value: 'Text Field Text' })), React.createElement("br", null), React.createElement("p", null, "Text area with error (method 1)"), React.createElement(Validation, { Error: 'Error Three' }, React.createElement(TextField, { isMultiLine: true, rows: 3, value: 'Text Area Text' })), React.createElement("br", null), React.createElement("p", null, "Text area with error (method 2)"), React.createElement(Validation, null, React.createElement(Validation.Error, null, React.createElement("span", null, "Error Four")), React.createElement(TextField, { isMultiLine: true, rows: 3, value: 'Text Area Text' })))); }, });