ebrap-ui

Simple UI Components in React

Usage no npm install needed!

<script type="module">
  import ebrapUi from 'https://cdn.skypack.dev/ebrap-ui';
</script>

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