lre-react

Overview

lre-react is a library of reusable components tailored specifically to LRE Water use cases. The components are meant for use with React and are an extension of the Material UI framework. This library has grown out of the LRE Starter kKt and is meant to compliment the Starter Kit as well as any other React project.

Roadmap

• [ ] Filters
  • [x] Date
  • [x] Multi-select
  • [x] Single-select
  • [ ] Search multi-select
  • [x] Switch
  • [x] TextField
  • [x] TextArea
  • [ ] Filter Bar
• [ ] Tables
  • [x] ListTable
  • [x] DataTable
• [ ] Graphs
  • [ ] Line Graph
• [ ] Authentication and Authorization
• [ ] Reports and Views
  • [ ] Reports Home
  • [ ] View Management
• [ ] Data Management
  • [ ] Editable Grid
  • [ ] Draggable Grid
  • [ ] View List Item
  • [ ] Edit List Item
  • [ ] Add List Item
  • [ ] Delete List Item
• [ ] Hooks
  • [x] useTable
  • [x] useGraph
  • [ ] useFetchData
  • [ ] useFilterAssoc
  • [ ] useFormSubmitStatus
  • [x] useVisibility
• [ ] Util

Install

npm install --save @lrewater/lre-react

Usage

import React, { useState } from "react";

import { TextField } from "@lrewater/lre-react";

const Example = props => {
  const [value, setValue] = useState("Example Value");

  const handleChange = event => {
    setValue(event.target.value);
  };
  return (
    <form>
      <TextField
        name="example"
        label="Example"
        value={value}
        onChange={handleChange}
      />
    </form>
  );
};

License

MIT © lrewater