lucid-ui
Version:
A UI component library from AppNexus.
28 lines (27 loc) • 1.1 kB
JavaScript
import _ from 'lodash';
import React from 'react';
import createClass from 'create-react-class';
import { Paginator, TextField } from '../../../index';
export default createClass({
getInitialState() {
return { count: 45 };
},
render() {
return (React.createElement("div", null,
React.createElement("div", { style: {
display: 'flex',
flexDirection: 'row',
alignItems: 'center',
marginBottom: 10,
} },
"Total number of items:",
React.createElement(TextField, { style: {
width: 45,
textAlign: 'center',
marginLeft: 6,
}, onSubmit: count => this.setState({ count }), value: this.state.count })),
React.createElement(Paginator, { hasPageSizeSelector: true, pageSizeOptions: [10, 25, 50], totalCount: _.parseInt(this.state.count), SingleSelect: {
DropMenu: { direction: 'up' },
} })));
},
});