lucid-ui
Version:
A UI component library from AppNexus.
24 lines (23 loc) • 1.69 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { DataTable } from '../../../index';
const { EmptyStateWrapper, EmptyStateWrapper: { Title, Body }, } = DataTable;
export default createClass({
getInitialState() {
return {
data: [],
};
},
render() {
const { data } = this.state;
return (React.createElement(DataTable, { data: data, density: 'extended', isFullWidth: true, minRows: 15 },
React.createElement(EmptyStateWrapper, null,
React.createElement(Title, null, "Something went wrong."),
React.createElement(Body, { style: { fontSize: '12px' } }, "Echo park poutine esse tempor squid do. Lo-fi ramps XOXO chicharrones laboris, portland fugiat locavore. Fap four dollar toast keytar, cronut kogi fingerstache distillery microdosing everyday carry austin DIY dreamcatcher. Distillery flexitarian meditation laboris roof party. Cred raclette gastropub tilde PBR&B. Shoreditch poke adipisicing, reprehenderit lumbersexual succulents mustache officia franzen vinyl nostrud af. Hashtag bitters organic, before they sold out butcher cronut sapiente.")),
React.createElement(DataTable.Column, { field: 'id' }, "ID"),
React.createElement(DataTable.Column, { field: 'first_name', width: 100 }, "First"),
React.createElement(DataTable.Column, { field: 'last_name', align: 'left', width: 100 }, "Last"),
React.createElement(DataTable.Column, { field: 'email', align: 'center' }, "E-Mail"),
React.createElement(DataTable.Column, { field: 'occupation', align: 'right', width: 100 }, "Occupation")));
},
});