README
ebrap-ui
Simple React UI Components
Description
React UI Components used in the EBRAP project. These components are designed to be simple and re-usable. The main package codebase is written with typescript for ease of use. Compatible with the latest version of React.
Required Peer Dependencies "styled-components": "^5.1.1"
Demo
An online demo is available here: https://ui-components-demo.bitbucket.io/
Installation
UI-Components (ebrap-ui) is available as an npm package.
npm install ebrap-ui
Components
- Autocomplete
- Button
- Calendar
- Checkbox
- command
- Datepicker
- Dropdown
- FileDropZone
- Multiselect
- MultiselectGroup
- Option (used by Dropdown & Multiselect)
- Portal
- ProgressBar
- RadioButton
- RadioGroup
- Select (used by Dropdown & Multiselect)
- TextArea
- TextField
- ToolTip
- TreeSelect
- Icon (used to render different icons by name)
Icons
From: https://material.io/resources/icons/?style=baseline
Usage
Here is a quick example to get you started,
import React from "react";
import ReactDOM from "react-dom";
import { Button } from "ebrap-ui";
function App() {
return <Button>Hello World</Button>;
}
ReactDOM.render(<App />, document.querySelector("#app"));
Questions
For how-to questions and issues, open an issue with the repo or contact Nicholas Siebenaller
Roadmap
- Table & Table Variants
- Switches
- Expand icon support